CSS-правило @import

Правило @import позволяет импортировать стили из других источников. Ключевое слово @import должно сопровождаться URL-адресом таблицы стилей и заканчиваться точкой с запятой (;). Вместо URL разрешено писать строку, которая будет интерпретирована как url(...).

Синтаксис

Синтаксически правило задается по следующему шаблону:

@import url [media type,...];

Примеры написания кода правила @import:

@import url("css/layout.css");
@import url("css/color.css");
body {
    color:blue;
    font-size:14px;
}

Вы также можете указать медиа-зависимые правила @import (то есть типы мультимедиа, к которым применяется импортированная таблица стилей) — просто укажите медиа-запросы после URL-адреса.

@import url("css/default.css");
@import url("css/print-style.css") print;
body {
    color: red;
    font-size: 1em;
}

Поддержка браузеров

Правило @import поддерживается во всех основных браузерах.