WebKit comienza a dar soporte a CSS Nesting

• El verano pasado, la CSSWG realizó una votación y ganó la opción 3, el método de "notación con llaves"
• Como resultado, Safari/Chrome implementaron la opción 3, y se aplica a partir de la versión 162 de Safari Technology Preview, publicada el 25/1

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

• Debido a las limitaciones del motor de parsing del navegador, el selector interno (el .bar de arriba) debe comenzar obligatoriamente con un símbolo: . # : [ * + > ~
  → Es decir, main { article {...} } no es posible; debe escribirse como main { & article {...} }

[xguru]

W3C publica el borrador del Módulo CSS Nesting
Por favor vota por la selección de sintaxis de CSS Nesting
Funciones de CSS a las que hay que prestar atención en 2022