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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.