以下CSS在Firefox下运行良好,但在IE浏览器下无效,为什么？
另外,我如何只使用直接在父元素下的元素才能受到CSS的影响？
另外,我如何只使用直接在父元素下的元素才能受到CSS的影响？
CSS：
.Box{font:24px;} .Box>div{font:18px} .Box>div>div{font:12px;}@H_404_6@HTML：
<div class="Box"> level1 <div> level2 <div> level3</div> <div> level3</div> </div> <div> level2 <div> level3</div> <div> level3</div> </div> </div>@H_404_6@
解决方法
Internet Explorer从版本7开始支持子选择器(>),但仅在标准模式下支持.确保您使用的是
a Doctype that triggers standards mode.
如果你的目标是IE6,那么你就不走运了.您需要依赖JS或使用后代选择器.
a>b { foo }@H_404_6@
变
a b { foo }
a * b { reverse-of-foo }@H_404_6@
