@import in @media non funziona in Firefox 3.0.3

Question

Questo è quello che ho, che funziona in IE7, ma non in Firefox:

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

Funziona al di fuori del blocco @media in Firefox:

@import 'screen.css';

AGGIORNAMENTO:

Funziona:

@media screen { 

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

}

Cosa mi sto perdendo?

Answer 1

Firefox sta seguendo le specifiche CSS2, mentre IE sta giocando in modo veloce, per così dire.

Il motivo esatto è che le direttive @import devono essere le prime direttive dopo la direttiva opzionale @charset . Non possono apparire all'interno di nessun blocco. Se desideri che un @import si applichi a un solo tipo di supporto, specificalo dopo l'URI importato.

Ecco la sezione pertinente della specifica CSS2: 6.3 La @import rule .

Answer 2

Ok, quindi a Firefox non piace il metodo che ho scelto, favorendo:

@import 'stylesheet.css' media_type;

Ma IE7 non capisce questo metodo, ma questo potrebbe essere buono:

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