Nhập khẩu lồng nhau trong SASS

Thông thường @import được sử dụng ở đầu tài liệu, nhưng tiền xử lý SASS cho phép nhập các tệp vào bất kỳ phần nào của tệp chúng ta cần, kể cả bên trong các bộ chọn.

Hãy xem xét ví dụ sau:

main.scss.active {
  color: blue;
}

Sau đó nhập nó vào tệp style.scss:

style.scssdiv {
  @import "main";
}

Bây giờ hãy xem kết quả biên dịch:

style.cssdiv .active {
  color: blue; 
}

navbar.scss.link {
  color: red;
  font-size: 12px;
}