为什么需要添加“>li”，不是属于选择子节点吗？
来源：6-8 CSS3 结构性伪类选择器—nth-child(n)
Owlapollo
2019-04-23 14:31
ol :nth-child(10){
}
ol > li: nth-child(10){
}
这个不是属于选择子节点吗？ 为什么还要加ol>li这个 标签，我试了一下，都是可行的。
而且我试了一下，第二种不代表 选择ol下面，属于li的第十个子节点，和第一种是一样的，还是选择了ol下的第十个子节点，而不是ol下属于li的第十个。
请教一下大神
写回答
关注
1回答
-
- Owlapollo
- 2019-04-23 14:40:38
好了，我学到后面自己发现原因了，
第一： 在ol:nth-child()，这里ol后面如果有空格，就代表ol下面的子节点，不加就代表ol本身就为子节点，当为1时，整个列表下的子元素都修改了效果；
第二： ol>li：nth-child（n）里的n代表子节点的位置，而前面的类型“li”代表的是属于这个类型的才执行效果。
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242220 学习 · 2623 问题
相似问题