Html CSS子选择器（>；）不'；I don’我不能和IE一起工作

以下CSS在firefox下运行良好，但在IE浏览器下不起作用，为什么？
另外，我如何使父元素下的元素只受CSS的影响

CSS:

HTML:

一级
二级
三级
三级
二级
三级
三级

自版本7起，Internet Explorer支持子选择器（

），但仅在标准模式下支持。确保您正在使用

如果你的目标是IE6，那么你就不走运了。您需要依赖JS或使用后代选择器

a>b { foo }

变成

a b { foo }
a * b { reverse-of-foo }

---

IE6完全不支持子选择器，IE7只支持部分子选择器

---

遗憾的是，除了“取消声明”所有孙辈的定义外，没有其他方法可以做到这一点。

我可能对您所寻找的内容有误解，但这就是我解决您问题的方法：

.box {font:24px;}
.box div {font:18px}
.box div div {font:12px;}

---

例如，这对您来说很好，但是请注意，如果您有另一个带有div的.box，它们也会受到影响。

很抱歉重新出现，但我对foo的

反面部分感到困惑：P@Baumr
ab
规则将声明用于后代的属性<代码>a*b

规则应声明高于上述规则的属性。

a b { foo }
a * b { reverse-of-foo }

.box {font:24px;}
.box div {font:18px}
.box div div {font:12px;}