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