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