CSS :: Правило @import
css-правило @import (от англ. import – импортировать) позволяет импортировать содержимое css-файла в текущую таблицу стилей.
Правило @import должно идти в самом начале таблицы стилей перед любыми другими правилами. Исключение составляют только правила @import, а также правило @charset.
Синтаксис
@import url(<адрес>) [<тип носителя>]#;
Значения
В качестве значения правило принимает абсолютный или относительный путь к css-файлу, который записывается в формате @import url("path");. При этом разрешается использовать одинарные кавычки или вообще писать путь файла без кавычек. Также разрешается записывать путь файла просто в кавычках в формате @import "path";. Отметим, что в правиле можно сразу же указать и тип носителя, для которого будет применяться подключаемая таблица стилей. Тип носителя указывается после указания пути к файлу через пробел. Если используется несколько типов носителей, то они перечисляются через запятую. Формат записи правила в этом случае будет иметь вид @import url("path") тип_носителя_1, тип_носителя_2,...;.
Ссылки
Официальный сайт W3C: https://www.w3.org/TR/CSS2/cascade.html#at-import
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/CSS/@import
Примеры
htmlCodes
@charset "utf-8";
/* Импортируем в данную таблицу стилей две внешние таблицы */
@import url("http://localhost/test/css/style_1.css") print;
@import "../../css/style_2.css" screen, tv;
Пример №1