Есть ли import в CSS?
Основы CSS
Да, в CSS есть правило `@import` — оно подключает другой CSS-файл.
@import url('reset.css');
@import url('print.css') print;
@import url('theme.css') layer(theme);Особенности
- Должен стоять в начале файла (после
@charsetи объявлений@layer), иначе игнорируется. - Можно указать медиаусловие (
print,screen and (min-width: 768px)), слой каскада илиsupports(). - Файл загружается браузером после загрузки родительского CSS — последовательно.
Почему его редко используют
Цепочка импортов замедляет отрисовку: каждый уровень — новый запрос. Обычно вместо этого подключают несколько <link> в HTML или собирают стили бандлером, а в Sass используют @use.
Коротко для собеседования
Да, @import есть в нативном CSS, но он загружает файлы последовательно и тормозит рендер; на практике чаще <link> или сборка.
Подробнее: MDN — @import