CSS的结构伪类选择器：type系列

黯黯°

于 2019-12-24 17:28:44 发布

阅读量1k

点赞数

分类专栏：学习经验文章标签： css

本文链接：https://blog.youkuaiyun.com/weixin_44272970/article/details/103685984

版权

本文介绍了CSS中的结构伪类选择器，特别是type系列，包括first-of-type、last-of-type、nth-of-type(n)和nth-last-of-type(n)。这些选择器用于定位同一类型元素在文档中的特定位置，例如选择第一个、最后一个或按照特定顺序的元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端学习经验（8）

CSS

结构伪类选择器

type系列：

first-of-type：选择同类型的标签或选择器中第一个元素。

	父元素>标签或选择器:first-of-type{
										样式表
									}

如：

	<head>
		<style>
			.a>div:first-of-type{
	                      font-family: "楷体";
	                      font-size: 30px;
	                      color: aqua;   
             					}
            .a>.aa:first-of-type{
                          font-family: "黑体";
                          font-size: 50px;
                          color: green; 
             					}
		</style>
	</head>
	<body>
		 <div class="a">
            <h3>子元素1</h3>
            <div>子元素2</div>
            <p>子元素3</p>
            <span class="aa">子元素4</span>
            
            <h3>子元素5</h3>