定义和用法

:first-child 选择器匹配属于其父元素的第一个子元素的每个元素。

语法

p:first-child

例子 1

<html>
<head>
<style> 
p:first-child{
background: green;
}
</style>
</head>
<body>
<h1>CSS3 :first-child伪类选择器用法</h1>
<p>这个段落不是其父元素的首个子元素。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>
<p>第五个段落。</p>
</body>
</html>

效果:

CSS3 :first-child伪类选择器用法

第一个段落。

第二个段落。

第三个段落。

第四个段落。

第五个段落。