Правило @import CSS

Правило @import CSS используется для импорта правил стиля из других таблиц стилей. Эти правила должны быть расположены перед всеми другими типами правил, за исключением правила @charset; так как @import не является вложенным оператором, поэтому его нельзя использовать в правилах условных групп.

　Использование грамматики правила CSS @import

Грамматика правила:

@import　url　[тип　media　,...];

Ниже приведен пример того, как использовать атрибут @import.

@import　url("css/layout.css");
@import　url("css/color.css");
body　{
　color:blue;
　font-size:14px;
}

Вы также можете определить правила @import, связанные с媒体 (т.е., таблицы стилей, применяемые к типам СМИ) — просто введите запятую разделенные значения типов СМИ после URL.тип媒体илимедиа-запросы.

@import　url("css/default.css");
@import　url("css/print-style.css")　print;
body　{
　color:　red;
　font-size:　1em;
}

Совместимость браузеров

Совместимость браузеров с свойством @import, числа в таблице ниже указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это правило.

Дополнительное чтение

Узнайте о следующих руководствах:CSS Media Types.