@import in @media funktioniert nicht in Firefox 3.0.3

Question

Das ist, was ich habe, die in IE7 funktioniert, aber nicht in Firefox:

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

Es funktioniert außerhalb des @media Block in Firefox:

@import 'screen.css'; 

UPDATE:

Dies funktioniert:

@media screen { 

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

} 

Was fehlt mir?

Answer 1

Firefox nach der CSS2-Spezifikation, während IE schnell und locker spielt, sozusagen.

Der genaue Grund ist, dass @import Direktiven die ersten Direktiven nach der optionalen @charset Direktive sein müssen. Sie können nicht innerhalb eines Blocks erscheinen. Wenn Sie möchten, dass eine @import nur für einen Medientyp gilt, geben Sie dies nach dem importierten URI an.

Hier ist der relevante Abschnitt der CSS2-Spezifikation: 6.3 The @import rule.

Answer 2

Ok, also Firefox nicht wie die Methode, die ich wählte, begünstigt:

@import 'stylesheet.css' media_type; 

Aber IE7 verstehen diese Methode nicht, aber das könnte gut sein:

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