@Import in @media arbeitet nicht in Firefox 3.0.3

Question

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

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

Es funktioniert außerhalb des @media -Blocks in Firefox:

@import 'screen.css';

AKTUALISIEREN:

Das funktioniert:

@media screen { 

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

}

Was vermisse ich?

Answer 1

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

Der genaue Grund ist das @import Richtlinien müssen die ersten Richtlinien nach dem optionalen sein @charset Richtlinie. Sie können in keinem Block erscheinen. Wenn Sie eine wollen @import Um sich nur für einen Medienart zu bewerben, geben Sie dies nach dem importierten URI an.

Hier ist der relevante Abschnitt der CSS2 -Spezifikation: 6.3 Die @import Regel.

Answer 2

Ok, Firefox mag die Methode, die ich ausgewählt habe, und bevorzugen:

@import 'stylesheet.css' media_type;

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

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