CSS :first-child选择器,匹配第一个子元素
:first-child选择器
:first-child选择器是CSS的伪类选择器,可以用于匹配某一类型元素集合中的该类型的第一个元素(个人理解,仅供参考)。下面的这个语法可能有助于理解:
:first-child语法
A:first-child{ 样式设置 }
提示:A:first-child语法选择的是A选择器选择的元素集合中的第一个该类型的元素。
:first-child选择器实例代码,及在线编辑器
<div>
<p class='e1'>这是div的第一个子元素</p>
<p class='e1'>这是div的第二个子元素</p>
</div>
<style>
.e1:first-child{color:skyblue;}
</style>