WebKit mulai mendukung CSS Nesting

• Musim panas tahun lalu, CSSWG mengadakan pemungutan suara dan opsi 3, yaitu gaya "notasi kurung", yang menang
• Karena itu Safari/Chrome mengimplementasikan opsi 3, dan mulai diterapkan sejak Safari Technology Preview 162 yang dirilis pada 25/1

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

• Karena keterbatasan parser engine browser, selector di dalamnya (.bar di atas) harus selalu dimulai dengan simbol . # : [ * + > ~
  → Artinya main { article {...} } tidak dimungkinkan; harus ditulis dalam bentuk main { & article {...} }

[xguru]

W3C merilis draf CSS Nesting Module
Silakan vote untuk pemilihan sintaks CSS Nesting
Fitur-fitur CSS yang perlu diperhatikan pada 2022