為什么需要添加“>li”，不是屬于選擇子節(jié)點嗎？
ol :nth-child(10){
}
ol > li: nth-child(10){
}
這個不是屬于選擇子節(jié)點嗎？ 為什么還要加ol>li這個 標簽，我試了一下，都是可行的。
而且我試了一下，第二種不代表 選擇ol下面，屬于li的第十個子節(jié)點，和第一種是一樣的，還是選擇了ol下的第十個子節(jié)點，而不是ol下屬于li的第十個。
請教一下大神
1 回答
舉報
0/150
提交
取消
ol :nth-child(10){
}
ol > li: nth-child(10){
}
這個不是屬于選擇子節(jié)點嗎？ 為什么還要加ol>li這個 標簽，我試了一下，都是可行的。
而且我試了一下，第二種不代表 選擇ol下面，屬于li的第十個子節(jié)點，和第一種是一樣的，還是選擇了ol下的第十個子節(jié)點，而不是ol下屬于li的第十個。
請教一下大神
2019-04-23
舉報
2019-04-23
好了，我學到后面自己發(fā)現(xiàn)原因了，
第一：? 在ol:nth-child()，這里ol后面如果有空格，就代表ol下面的子節(jié)點，不加就代表ol本身就為子節(jié)點，當為1時，整個列表下的子元素都修改了效果；
第二： ol>li：nth-child（n）里的n代表子節(jié)點的位置，而前面的類型“l(fā)i”代表的是屬于這個類型的才執(zhí)行效果。