手工SEO

手工SEO首页 DEDE教程 正文

css first-child实例及详解

手工SEO 2020-02-16 04:02:24 DEDE教程 66℃ 手工SEO

<body> <ul> <li>Apple</li> <li>Orange</li> <li>Pear</li> <li>Grape</li> </ul> <div> <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;}

上一篇：CSS如何实现文本禁止被选中

下一篇：css 如何让浮动DIV水平居中

相关文章

网站分类
标签列表

友情链接

Copyright © 2002-2019 DIYPHP. 手工SEO 版权所有
版权争议与本站无关。如有侵权请邮件与我们联系处理
Copyright © 2017-2022 | 本站由手工SEO提供技术支持 | 网站地图 | 冀ICP备14007366号-2