该>
字符可以与 CSS 一起使用以选择具有特定父级的元素。我在这里看到的好处是,例如,我只能将样式应用于列表的某个级别。像菜单一样 - 第一级是横向的,并且与第二级+具有不同的规则。所以我不需要担心重置 lvl 2+ 的属性
无论如何,我可以依靠>
吗?所有浏览器都支持它并且没有错误行为吗?
该>
字符可以与 CSS 一起使用以选择具有特定父级的元素。我在这里看到的好处是,例如,我只能将样式应用于列表的某个级别。像菜单一样 - 第一级是横向的,并且与第二级+具有不同的规则。所以我不需要担心重置 lvl 2+ 的属性
无论如何,我可以依靠>
吗?所有浏览器都支持它并且没有错误行为吗?
>
IE7 及更高版本完全支持子选择器,而 IE6 及更早版本则完全不支持。当然,今天使用的所有其他主要浏览器的所有版本也完全支持它。
所有 CSS2.1 选择器都受到 IE8 及更高版本的良好支持,因此您现在可以使用它们,除非您正在编写需要迎合 IE6 的遗留代码,在这种情况下尽可能避免使用它们。
SitePoint参考确实提到了一个与影响 IE7 的评论相关的模糊解析错误,但它只会在评论存在时破坏选择器。您通常不会将注释放在选择器的中间,除非您这样做是出于 hack,因此您不必担心这个错误。
相关:CSS 子选择器是 W3C 标准吗?(当然是!)
它是 CSS2 标准的一部分:http ://www.w3.org/TR/CSS2/selector.html#child-selectors ,所以现代浏览器应该支持它。
根据这个quirksmode.org,主要浏览器中只有 IE6 和更早版本没有。我只看到在非常特殊的情况下使用 IE6(例如不接收软件补丁的专用机器)。