Правило CSS @import
Пример
Импортируйте таблицу стилей «navigation.css» в текущую таблицу стилей:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Ниже приведены дополнительные примеры.
Определение и использование
Правило @import
позволяет вам импортировать таблицу стилей в другую таблицу стилей.
Правило @import
должно быть вверху документа (но после любого
объявления @charset
).
Правило @import
также поддерживает медиа-запросы, поэтому вы можете разрешить импорт в зависимости от медиа.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
Синтаксис CSS
@import url|string list-of-mediaqueries;
Значения свойств
Value | Description |
---|---|
url|string | A url or a string representing the location of the resource to import. The url may be absolute or relative |
list-of-mediaqueries | A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL |
Дополнительные примеры
Пример
Импортируйте таблицу стилей "printstyle.css", ТОЛЬКО если носитель предназначен для печати:
@import
"printstyle.css" print;
Пример
Импортируйте таблицу стилей «mobstyle.css», ТОЛЬКО если носитель является экраном, а область просмотра не превышает 768 пикселей:
@import
"mobstyle.css" screen and (max-width: 768px);