欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css first-child实例及详解

程序员文章站 2022-05-21 08:25:17
...

    
  • Apple
  • Orange
  • Pear
  • Grape

I am learning CSS.

I want to be a programmer.

如何设置ul的第一个子元素的背景颜色?我想很多人会想当然的这样使用

ul:first-child{backgroud-color:#ccc;}

结果整个ul元素都被选中了!这样是错误的。

我们可以看看手册,first-child选择器用于选取属于其父元素的首个子元素的指定选择器”,这里要理解其父元素。针对上述代码,也就是说应该设置成这样:

li:first-child{backgroud-color:#ccc;}

或者

.fruit>:first-child{backgroud-color:#ccc;}
相关标签: 伪类 first-child