Перейти к содержанию

@import

Правило @import используется для импорта CSS-стилей из других таблиц стилей.

Эти правила должны предшествовать всем другим типам правил, кроме правил @charset поскольку это не вложенный оператор, @import не может использоваться внутри условных групповых at-правил.

@-правила

Синтаксис

1
2
3
4
5
6
7
@import url('fineprint.css') print;
@import url('bluish.css') projection, tv;
@import 'custom.css';
@import url('chrome://communicator/skin/');
@import 'common.css' screen, projection;
@import url('landscape.css') screen and
  (orientation: landscape);

Значения

Чтобы браузеры могли избежать загрузки ресурсов для неподдерживаемых типов носителей, авторы могут указывать медиа-зависимые правила @import. Эти условные импорты задают медиа-запросы, разделенные запятыми, после URL.

При отсутствии какого-либо медиа-запроса импорт является безусловным. Указание all имеет тот же эффект.

Медиа-типы

Медиа-типы описывают общую категорию устройства.

all
любые устройства
print
печатающие устройства, например, принтер
screen
экранные устройства, например, монитор
speech
синтезаторы речи

Устаревшие типы медиа: CSS2.1 и Media Queries 3 определили несколько дополнительных типов медиа (tty, tv, projection, handheld, braille, embossed и aural), но они стали устаревшими в Media Queries 4 и не должны использоваться. aural тип был заменен speech.

Спецификации

Комментарии