first-child不懂-慕课网

first-child不懂

来源：6-6 CSS3 结构性伪类选择器—first-child

天窗的蚂蚁

2016-01-03 21:37

如图所示，我要写成ul li:first-child{background:red;},第一行就变成红色。如果写成ul:first-child{background:red;},第一行就没变化？在这里面，ul不是父元素吗？这”ul:first-child“不是表示它的第一个子元素吗？为什么没作用呢？

写回答关注

3回答

李晓健

2016-01-03 21:44:08

已采纳

后代选择器是有空格的 ul li:first-child 拆开来看 ul是选择页面所有的ul标签 ul li是选择ul下面的所有li标签 ul li:first-child是ul中所有li中的第一个，再来看 ul:first-child 一样拆开来看 ul是选择页面所有的ul标签 ul:first-child是选择所有ul中的第一个ul，所以这里选择到的是ul标签而不是li标签。

4 2

天窗的蚂蚁回复李晓健

明白了，谢谢您的耐心解答！谢谢

2016-01-04 08:56:43

共 4 条回复 >
echo_kinchao

2016-01-03 21:46:42

这是类选择器就是类名的第一个

0 0
谭谭谭

2016-01-03 21:44:53

http://www.w3school.com.cn/cssref/selector_first-child.asp
http://www.w3school.com.cn/tiy/t.asp?f=css_sel_firstchild_3
看看这些案例就明白了！！

0 1

十天精通CSS3

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

242555 学习 · 2623 问题

查看课程

相似问题

first-child

回答 1

:first-child的真正含义？

回答 5

有 nth-last-child(n)，为何没有nth-first-child(n) ？

回答 3

请问 ul > li:first-child{ color: red; } 与 ul > li :first-child{ color: red; } （li与:first-child之间有空格）的差异

回答 1

用first-child伪元素只能在ul,ol div里面用吗？

回答 1

打开慕课网App查看更多内容