                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

$("ol:last-child").css("background-color", "blue");这个为啥没反应啊？

$("ol:last-child").css("background-color", "blue");

这个为啥没反应呢？

$("ol:first-child").css("background-color", "blue");都是可以的。

柳树

2014-12-22

源自：jQuery基础课程 3-11

关注问题我要回答

796

操作

收起

4 回答

MaxJin
2016-05-26

空格啊

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

收起回答

UncleKeith
2016-03-14

要在ol后面加上空格，

主要是选择器的问题。

举个例子:$("div span")的意思是选择div元素里的所有span后代元素，包括子元素和孙元素

具体到这里，$("ol :first-child")意思是选择每个ol元素里的第一个子元素这个写法跟$("ol li:first-child")是一样的。

至于$("li:first-child")，如果在li的后面加上空格，就表示选择每个li元素里的第一个子元素 ,可是li里面已经没有子元素了。所以自然没有反应。再来打个比喻，如果你在第一个li，也就是"芹菜"这个文本下用<p></p>标签，即<li><p>芹菜< /p></li>。那这样的$("li :first-child")就能跑了。

希望能够帮到你。

Keith.