Question

css 子选择器 为什么不能用？我用的火狐

p>span {color:red;}

<p>第一层<span>第二层<b>第三层</b></span></p> 为什么 第二层，第三层都变红了
我就是想实验 p span{ color:red;}和 p>span{color:red;} 的展示区别。书上说有区别，我实验时没有，想知道哪错了，还有我用火狐，谷歌都试了

Answer 1

因为<b>会继承父元素<span>的颜色，所以变红，color属性是可继承的。并不是子选择器的原因。你可以把{color:red;}换成{border:1px solid red;}看看第三层有没有边框？

Answer 2

　　您好，感谢您对火狐的支持

　　查找子元素方式：var aNods = $("ul > a");
　　1.children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。
2.children方法获得的仅仅是元素一下级的子元素，即：immediate children。
3.find方法获得所有下级元素，即：descendants of these elements in the DOM tree

　　您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 3

选择子元素

如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。

例如，如果您希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：

h1 > strong {color:red;}

这个规则会把第一个 h1 下面的 strong 元素变为红色，但是第二个 strong 不受影响：

<h1>This is <strong>very</strong> important.</h1>
<h1>This is <em>really <strong>very</strong></em> important.</h1>

Answer 4

b是内联元素 你把b加上display：block；试试看