<body>
<ul class="fruit">
<li>Apple</li>
<li>Orange</li>
<li>Pear</li>
<li>Grape</li>
</ul>
<div class="content">
<p>I am learning CSS.</p>
<p>I want to be a programmer.</p>
</div>
</body>
如何设置ul的第一个子元素的背景颜色？我想很多人会想当然的这样使用
ul:first-child{backgroud-color:#ccc;}
结果整个ul元素都被选中了！这样是错误的。
我们可以看看手册，first-child选择器用于选取属于其父元素的首个子元素的指定选择器”，这里要理解其父元素。针对上述代码，也就是说应该设置成这样：
li:first-child{backgroud-color:#ccc;}
或者
.fruit>:first-child{backgroud-color:#ccc;}
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！