Пример
Импортируйте таблицу стилей "navigation.css" в текущую таблицу стилей:
@import
"navigation.css"; /* Использование строки */
or
@import
url("navigation.css"); /* Использование URL-адреса */
Определение @import
CSS правило @import позволяет импортировать таблицу стилей в другую таблицу стилей.
CSS правило @import должно быть в верхней части документа (но после любого объявления @charset).
CSS правило @import также поддерживает медиа-запросы, поэтому вы можете разрешить импорт в зависимости от мультимедиа.
Поддержка @import
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает это свойство.
| Свойство | |||||
|---|---|---|---|---|---|
| @import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
Синтаксис @import
@import url|string list-of-mediaqueries;
Значения @import
| Значение | Описание |
|---|---|
| url|string | URL-адрес или строка, представляющая местоположение импортируемого ресурса. URL-адрес может быть абсолютным или относительным |
| list-of-mediaqueries | Разделенный запятыми список медиа-запросов, обусловливающих применение правил CSS, определенных в связанном URL-адресе |
Примеры @import
Пример
Импортируйте таблицу стилей "printstyle.css" ТОЛЬКО в том случае, если носитель предназначен для печати:
@import
"printstyle.css" print;
Пример
Импортируйте таблицу стилей "mobstyle.css" ТОЛЬКО в том случае, если носителем является экран, а размер области просмотра не превышает 768 пикселей:
@import
"mobstyle.css" screen and (max-width: 768px);