Sass and Native Nesting
CSS Nesting の場合は判定が :is() で囲まれるため、詳細度が Sass とは変わることがある
code:css
.baz { /* ... */ }
}
Sass の場合… .foo .baz , #bar .baz
CSS Nesting の場合 … :is(.foo, #bar) .baz
code:css
.foo {
&-suffix { /* ... */ }
}
だと Sass は .foo-suffix と出力できるが CSS Nesting の場合はそういう書き方ができない