WebKit bắt đầu hỗ trợ CSS Nesting

• Mùa hè năm ngoái, CSSWG đã tiến hành bỏ phiếu và phương án 3, tức kiểu "cú pháp ngoặc", đã chiến thắng
• Theo đó Safari/Chrome đã triển khai phương án 3, và được áp dụng từ Safari Technology Preview 162 phát hành ngày 25/1

.foo {  
  color: green;  
 .bar {  
    font-size: 1.4rem;  
  }  
}  

• Do giới hạn của bộ máy phân tích cú pháp trình duyệt, selector bên trong (.bar ở trên) bắt buộc phải bắt đầu bằng ký hiệu . # : [ * + > ~
  → Tức là main { article {...} } là không thể, và phải viết dưới dạng main { & article {...} }

[xguru]

W3C công bố bản nháp CSS Nesting Module
Hãy bỏ phiếu chọn cú pháp CSS Nesting
Các tính năng CSS đáng chú ý trong năm 2022