html - CSS 子选择器 (>) 不适用于 IE

Question

下面的 CSS 在 firefox 下运行良好，但在 IE 浏览器下却无法运行，为什么？
另外，我怎样才能让直接在父元素下的元素受 CSS 影响？

CSS:

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

HTML:

<div class="box">
   level1
   <div>
      level2
      <div> level3</div>
      <div> level3</div>
   </div>
   <div>
      level2
      <div> level3</div>
      <div> level3</div>
   </div>
</div>

Answer 1

Internet Explorer 从版本 7 开始支持子选择器 (>)，但仅限于标准模式。确保您使用的是 a Doctype that triggers standards mode .

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

a>b { foo }

成为

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