@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 The @import rule。

Answer 2

好的，所以Firefox不喜欢我选择的方法，赞成：

@import 'stylesheet.css' media_type;

但IE7并不了解这种方法，但这可能很好：

@import 'firefox-screen.css' screen;
@media screen { @import 'IE7-screen.css'; }