PassFront
  1. PassFront
  2. База знаний
  3. Основы CSS

Есть ли 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

Другие вопросы раздела