WebKit começa a oferecer suporte a CSS Nesting

• No verão passado, o CSSWG realizou uma votação, e a opção 3, o estilo de “notação com chaves”, venceu
• Com isso, Safari/Chrome implementaram a opção 3, e ela passou a valer a partir da versão 162 do Safari Technology Preview, lançada em 25/1

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

• Devido às limitações do mecanismo de parsing do navegador, o seletor interno (o .bar acima) precisa obrigatoriamente começar com um símbolo: . # : [ * + > ~
  → Ou seja, main { article {...} } não é possível; é preciso escrever no formato main { & article {...} }

[xguru]

W3C divulga rascunho do CSS Nesting Module
Vote na escolha da sintaxe do CSS Nesting
Recursos de CSS para ficar de olho em 2022