CSS nesting

Module CSS nesting định nghĩa cú pháp để lồng các selector, cung cấp khả năng lồng một quy tắc style bên trong một quy tắc khác, trong đó selector của quy tắc con có quan hệ tương đối với selector của quy tắc cha.

CSS nesting khác với các CSS preprocessor như Sass ở chỗ nó được trình duyệt phân tích cú pháp trực tiếp thay vì được biên dịch trước bởi một CSS preprocessor.

CSS nesting giúp cải thiện khả năng đọc, tính module hóa và khả năng bảo trì của các stylesheet CSS. Nó cũng có thể giúp giảm kích thước tệp CSS, từ đó giảm lượng dữ liệu người dùng cần tải xuống.