css - @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;
    }

}

我错过了什么？

score 7 · Accepted Answer

Firefox 遵循 CSS2 规范，而 IE 则玩得又快又松。

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

这是 CSS2 规范的相关部分：6.3@import规则。

score 1 · Accepted Answer

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

@import 'stylesheet.css' media_type;

但是 IE7 不理解这种方法，但这可能很好：

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

2 回答 2