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:
.active {
color: blue;
}
Sau đó nhập nó vào tệp style.scss:
div {
@import "main";
}
Bây giờ hãy xem kết quả biên dịch:
div .active {
color: blue;
}
Tạo tệp navbar.scss
với nội dung sau:
.link {
color: red;
font-size: 12px;
}
Sau đó nhập đoạn mã này vào
khối #main của tệp
styles.scss và thực hiện biên dịch
thành styles.css.
