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

Pet*_*ton 5 css media firefox-3

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

@media screen { @import 'screen.css'; }
Run Code Online (Sandbox Code Playgroud)

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

@import 'screen.css';
Run Code Online (Sandbox Code Playgroud)

更新:

这有效:

@media screen { 

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

}
Run Code Online (Sandbox Code Playgroud)

我错过了什么?

Mar*_*iep 7

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

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

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