parent＆gt;子CSS选择器

Question

我经常使用这个CSS选择器父＆gt; 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中工作）。

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