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 将比适用于一般段落的另一条规则更具体。