@import @media在Firefox中不工作3.0.3

Question

這是我，這在IE7工作，但不能在Firefox：

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

它的工作原理@media塊之外在Firefox：

@import 'screen.css'; 

UPDATE：

這工作：

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