WebKit、CSS Nesting のサポートを開始

 (webkit.org)
6 ポイント 投稿者 xguru 2023-02-17 | 1件のコメント | WhatsAppで共有
  • 昨年夏に CSSWG で投票が行われ、オプション3だった「ブラケット記法」方式が勝利
  • これを受けて Safari/Chrome がオプション3を実装し、1/25 にリリースされた Safari Technology Preview 162 バージョンから適用
.foo {  
  color: green;  
 .bar {  
    font-size: 1.4rem;  
  }  
}
  • ブラウザのパーシングエンジンの制約により、内部のセレクタ（上の .bar）は必ず記号で始まる必要がある . # : [ * + > ~
    → つまり main { article {...} } は不可能で、main { & article {...} } の形で記述する必要がある

関連記事