@import CSS

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

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

Наследуется:
Нет
Анимируется:
Нет
Спецификации:

Синтаксис

@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.