html – 为什么CSS直接子选择器将样式应用于间接子节点

概述我有以下 HTML代码： <div id="test"><span> test <span>test</span></span> </div> 以下CSS代码： #test > span {color: red;} 是不是上面的代码应该只选择测试div的直接子跨度？因此,只有第一个“测试”单词应为红色,但不应选择子跨度内的第二个“测试”单词.或者我弄错了？ 我有以下 HTML代码：

<div ID="test"><span>    test     <span>test</span></span>        </div>

以下CSS代码：

#test > span {color: red;}

是不是上面的代码应该只选择测试div的直接子跨度？因此,只有第一个“测试”单词应为红色,但不应选择子跨度内的第二个“测试”单词.或者我弄错了？

解决方法 在其他条件相同的情况下,范围的默认样式为：

span { color: inherit; }

所以,虽然规则颜色：红色;它不会直接应用于它,它将从父元素的颜色中获取颜色.

有关比较,请参见what happens if you explicitly say span { color: blue; }.

总结

以上是内存溢出为你收集整理的html – 为什么CSS直接子选择器将样式应用于间接子节点全部内容，希望文章能够帮你解决html – 为什么CSS直接子选择器将样式应用于间接子节点所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。