WebKit commence à prendre en charge le CSS Nesting

• L’été dernier, un vote a été organisé au CSSWG, et l’option 3, la syntaxe « avec accolades », l’a emporté
• Safari/Chrome ont donc implémenté l’option 3, et elle est disponible à partir de Safari Technology Preview 162, publié le 25/01

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

• En raison des limitations du moteur de parsing du navigateur, le sélecteur interne (le .bar ci-dessus) doit obligatoirement commencer par un symbole : . # : [ * + > ~
  → Autrement dit, main { article {...} } n’est pas possible ; il faut l’écrire sous la forme main { & article {...} }

[xguru]

Le W3C publie le brouillon du module CSS Nesting
Votez pour le choix de la syntaxe de CSS Nesting
Les fonctionnalités CSS à surveiller en 2022