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

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

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

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

@import 'screen.css';

Обновлено:

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

@media screen { 

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

}

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

css media firefox-3

22.10.2008 02:47

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

CSS: FlexBox

Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.

3 357

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Итак, Firefox не нравится выбранный мной метод, отдавая предпочтение:

@import 'stylesheet.css' media_type;

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

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

22.10.2008 03:35

Ответ принят как подходящий

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

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

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

22.10.2008 06:30

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

Автоповтор WAV файла в C#

Фреймворк Flex Media

Скрыть треугольник раскрывающегося списка при использовании CSS с печатью СМИ

Тематическая подарочная корзина с технологией

Продолжительность файла mp3

Как вы находите медиаресурсы для разработчиков игр?

Хорошо ли использует спрайт персонажа Декстера, или мне нужно

Замедление воспроизведения аудиофайла без изменения его высоты тона?

Как взаимодействовать с проигрывателем Windows Media на C#

Источники хороших бесплатных иконок / изображений для приложений и веб-приложений с разрешительной лицензией?

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

Ответы 2

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

Похожие вопросы