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

请问为什么 ul > li:first-child{ color: red; } 显示 li 圆点为红色，而 ul > li :first-child{ color: red; } （li与:first-child之间有空格）却变成各 li 下的文字变成红色呢？请问是因为空格代表后代选择器吗？

TWT

2015-09-13

源自：十天精通CSS3 6-6

关注问题我要回答

1405

操作

收起

1 回答

3qfang
2015-10-09

li:first-child表示ul的第一个子元素；

li :first-child无效的选择，选取为li

1 回复有任何疑惑可以回复我~

收起回答

TWT 提问者

非常感谢！

2015-10-10 回复有任何疑惑可以回复我~

0/150

提交

取消

十天精通CSS3

参与学习 242864 人
解答问题 2623 个

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

进入课程

本课相似问答

2 回答ol > li:first-child{ color: red; }与 li:first-child{ color: red; }有区别吗？

1 回答first-child

2 回答为甚ul > li:first-child { color: red; }对<a href="##">Link2</a>内的元素内容没有效果呢？

3 回答first-child不懂

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

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

1 回答

本课相似问答

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