为了账号安全,请及时绑定邮箱和手机立即绑定

为什么需要添加“>li”,不是属于选择子节点吗?

ol :nth-child(10){

}


ol > li: nth-child(10){

}


这个不是属于选择子节点吗? 为什么还要加ol>li这个 标签,我试了一下,都是可行的。

而且我试了一下,第二种不代表 选择ol下面,属于li的第十个子节点,和第一种是一样的,还是选择了ol下的第十个子节点,而不是ol下属于li的第十个。

请教一下大神


正在回答

1 回答

好了,我学到后面自己发现原因了,

第一:  在ol:nth-child(),这里ol后面如果有空格,就代表ol下面的子节点,不加就代表ol本身就为子节点,当为1时,整个列表下的子元素都修改了效果;

第二: ol>li:nth-child(n)里的n代表子节点的位置,而前面的类型“li”代表的是属于这个类型的才执行效果。


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

Owlapollo 提问者

大家看看是不是这样子的,有什么错误指出来
2019-04-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么需要添加“>li”,不是属于选择子节点吗?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信