Какие подводные камни при импорте на чистом CSS

Импорт CSS через `@import` может привести к нескольким проблемам: 1. **Блокировка рендеринга** – браузер загружает импортируемые файлы последовательно, что замедляет отрисовку страницы. 2. **Проблемы с порядком** – стили применяются в порядке загрузки, что может вызвать неожиданное переопределение правил. 3. **Отсутствие поддержки в старых браузерах** – например, IE6-7 не поддерживают `@import` в медиа-запросах. 4. **Ограничения HTTP/1** – каждый `@import` создаёт новый HTTP-запрос (актуально без HTTP/2). Пример проблемного кода: ```css @import url("reset.css"); /* блокирует рендеринг */ @import url("fonts.css") print; /* не сработает в IE8- */ ``` Лучше использовать `` в HTML или сборщики (Webpack, Vite), которые объединяют CSS в один файл.