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