Самое популярное место использования @import явлется начало документа, но с Sass директиву можно использовать и в css-свойствах и в медиа-условиях. Как и в базовом варианте, @import включает в себя контент импортируемого файла. Тем не менее, импортированные правила будут вложены в том же месте, где и вызывалась директива @import.

Например, файл example.scss содержит в себе:

.example {
  color: red;
}

далее импортируем

#main {
  @import "example";
}

компилируется в

#main .example {
  color: red;
}

Директивы, которые могут использоваться только на базовом уровне документа, такие как @mixin и @charset, не допускаются в файлах, которые подключаются вложенным импортом.

Невозможно вкладывать @import в миксин или директиву управления.


На сайте функционирует система проверки ошибок. Обнаружив неточность в тексте, выделите ее и нажмите Ctrl + Enter. Также отправить оповещение об ошибке можно, нажав на эту ссылку.