css3first选择器

在 CSS3 中，增加了一种伪类选择器：:first；此选择器的作用是优先选择某个元素的首个子元素。

我们来看一下以下 HTML 代码：

 <div>
<p>第一个元素</p>
<p>第二个元素</p>
</div> 

现在我们使用:first选择器，使得第一个P标签被选中：

 div p:first {
color:red;
} 

解释一下上述代码的意思：它声明了一个 div 元素的第一个子元素 p 的颜色为红色。

运行以上代码后，第一个段落文字的颜色就变成了红色。

需要注意的是，:first 选择器只能选中某个元素的第一个子元素；如果想要选中最后一个子元素，可以用:last选择器。

此外，还有两个选择器跟:first 和:last 结合使用，它们分别是:only-first 和:only-last；它们的作用是选择唯一的第一个子元素和唯一的最后一个子元素。

综上所述，CSS3中的:first选择器可以方便我们优先选择某个元素的首个子元素，为页面布局等工作提供了更多的选择。

查看更多关于css3first选择器的详细内容...