@import¶
Правило @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.