WebKit beginnt mit der Unterstützung von CSS Nesting

 (webkit.org)
6 Punkte von xguru 2023-02-17 | 1 Kommentare | Auf WhatsApp teilen
  • Im vergangenen Sommer wurde in der CSSWG abgestimmt, und Option 3, die „Bracket-Notation“, hat gewonnen
  • Daraufhin haben Safari/Chrome Option 3 implementiert, und sie wird seit Safari Technology Preview 162, veröffentlicht am 25.1., angewendet
.foo {  
  color: green;  
 .bar {  
    font-size: 1.4rem;  
  }  
}
  • Aufgrund von Einschränkungen der Browser-Parsing-Engine muss der innere Selektor (oben .bar) zwingend mit einem Symbol beginnen: . # : [ * + > ~
    → Das heißt, main { article {...} } ist nicht möglich; es muss in der Form main { & article {...} } geschrieben werden

Verwandte Beiträge