parent>子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中工作).

相反,您需要使用后代选择器(空格)并设计您的类来进行补偿.