@media中的@import在Firefox 3.0.3中不起作用

Question

这就是我所拥有的,它适用于IE7,但不适用于Firefox:

@media screen { @import 'screen.css'; }

它在Firefox中的@media块之外工作:

@import 'screen.css';

更新:

这有效:

@media screen { 

    .yui-d3f
    {
        border: 1px solid #999;
        height: 250px;
    }

}

我错过了什么？

Answer 1

Firefox遵循CSS2规范,而IE正在快速而宽松地播放.

确切的原因是@import指令必须是可选@charset指令之后的第一个指令.它们不能出现在任何区块内.如果要@import仅应用于一种媒体类型,请在导入的URI后指定.

以下是CSS2规范的相关部分:6.3 @import规则.