@import в @media не работает в Firefox 3.0.3

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

  •  03-07-2019
  •  | 
  •  

Вопрос

Это то, что у меня есть, которое работает в IE7, но не в Firefox: 

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

Он работает вне блока @media в Firefox: 

@import 'screen.css';

ОБНОВЛЕНИЕ:

Это работает: 

@media screen { 

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

}

Что мне не хватает?

Это было полезно?

Решение

Firefox следует спецификации CSS2, в то время как IE играет быстро и свободно, как и раньше.

Точная причина в том, что директивы @import должны быть первыми директивами после необязательной директивы @charset . Они не могут появляться внутри какого-либо блока. Если вы хотите, чтобы @import применялся только к одному типу носителя, укажите это после импортированного URI.

Вот соответствующий раздел спецификации CSS2: 6.3 @import rule .

Другие советы

Хорошо, поэтому Firefox не нравится выбранный мною метод, 

@import 'stylesheet.css' media_type;

Но IE7 не понимает этот метод, но это может быть хорошо: 

@import 'firefox-screen.css' screen;
@media screen { @import 'IE7-screen.css'; }
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top