@import dans @media ne fonctionne pas dans Firefox 3.0.3

StackOverflow https://stackoverflow.com/questions/223833

  •  03-07-2019
  •  | 
  •  

Question

Voici ce que j'ai, qui fonctionne dans IE7, mais pas dans Firefox: 

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

Cela fonctionne en dehors du bloc @media dans Firefox: 

@import 'screen.css';

UPDATE:

Ceci fonctionne: 

@media screen { 

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

}

Qu'est-ce qui me manque?

Était-ce utile?

La solution

Firefox suit la spécification CSS2, alors qu'IE joue rapidement et sans effort, pour ainsi dire.

La raison exacte est que les directives @import doivent être les premières directives après la directive facultative @charset . Ils ne peuvent pas apparaître à l'intérieur d'un bloc. Si vous souhaitez qu'un @import ne s'applique qu'à un seul type de média, spécifiez cela après l'URI importé.

Voici la section pertinente de la spécification CSS2: 6.3 La règle @import .

Autres conseils

Ok, donc Firefox n’aime pas la méthode que j’ai choisie, préférant: 

@import 'stylesheet.css' media_type;

Mais IE7 ne comprend pas cette méthode, mais cela pourrait être bon: 

@import 'firefox-screen.css' screen;
@media screen { @import 'IE7-screen.css'; }
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top