css - 父>子CSS选择器

Question

我经常使用这个 CSS 选择器 parent>child。我的设计在 Mozilla 和 Opera 中看起来不错。

但是在 IE 中，它很糟糕。我知道>在 IE 中无法识别，但是 IE 中的替代方法是什么？

Answer 1

一种替代方法是使用通用选择器来制定更具体的规则，如果节点不是直接子节点，该规则将生效：

div p {color: red;}     // Takes effect if there's a <p> child at some level
div * p {color: black;} // .. but this'll be true if it's not a direct child

但是，您需要注意特异性冲突。div * p例如，将比适用于一般段落的另一条规则更具体。

Answer 2

IE6 中的直接子选择器没有替代选择（尽管它应该在 IE7 中工作）。

相反，您需要使用后代选择器（空格）并设计您的类来补偿。