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

li和first-child之间加不加空格为什么区别很大?

正在回答

4 回答

最大的区别的就是加空格没有效果,浏览器会报错(用开发者工具看)

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

主要是选择器的问题。

举个例子:$("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.


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

加空格后就像之前的 ance desc层次选择器;

li:first-child(不加空格),这里的父元素指的是li标签的父元素;

li :first-child(加空格),这时候因为变成了ance desc层次选择器(跟父子选择器类似,只是比其作用域大),所以其父元素指的就是li标签了,但因为li元素没有子元素了,所以这样的表达不对。换成ol则可以。

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

楼上这位大哥,开始满目崇拜你鸟。

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

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程
意见反馈 帮助中心 APP下载
官方微信