Sassなしで入れ子が可能に。CSSネストが全ブラウザ対応

（2023/08/29） 全ブラウザでネストに対応したので記事を更新しました。 本日2023/08/29、全ブラウザでCSSでネスト（入れ子）ができるようになりました💐 次のようなコードが、「SassではなくCSSで」できるようになります。Sassを使わないCSSコーディングを大きく変えることでしょう。

[strawberryhunter]

&を書く必要性がよくわからないな。Sassの&__barは要らない機能だったけど、Sassは不要とはならず、結局CSS Nestingに対応したCSSがSassから出力されることになるんじゃないかと思う。

[kvx]

postcss-nestingで準備万端

[aikawame]

Sass使うほどでもないサイトを弄る時に助かる。早く主要ブラウザーで対応してほしい。

[miruto]

入れ子だけでもありがたい！ただ、変数やmixinやfunctionを使いたいのでScssは使い続けるだろうなぁ。

[htsign]

:where() / :is() である程度代替できるので、そこまですぐ欲しいという感じではないね

[misarine3]

mixinも対応してくれないとsassを捨てられないな。はよ。

[ultimatebreak]

俺俺mixinや関数を捨てられないのでまだsassを使わざるをえない

[field_combat]

Sass互換とはならないけど、これだけあれば十分やれるな

[pascal256]

おお、これは嬉しい！　やはりネストした方がすっきり読めるよねー

[GiveMeChocolate]

ほおお

[solidstatesociety]

しばらくはLess使う

[buzztaiki]

firefiox の issue 見付かったけど、まだあまり動きがなさそう。 https://bugzilla.mozilla.org/show_bug.cgi?id=1648037

[takuya_1st]

大改革だ。

[igrep]

ついに来たか

[kagioo2uma]

うおおおおおおおおおお

[otchy210]

これは早く欲しい。calc と変数はすでにあるし、あとこのネストが揃えば、ほとんどのケースで SASS は要らなくなる気がする。JS が十分進化して jQuery が要らなくなったのと似てる。

[sippo_des]

sassの準備とかお世話がめんどくできるだけ色々見送ってきたけど来ましたか、、早いねえ。

[nekoline]

結局Sassで書くのに意味あるんかとか思ってごめん

[moqojiy]

&の解釈がブレるの止めてほしいなぁ

[kojika17]

ずっとStatus: Dreamだった CSS Nesting Module がWDに上がって、ブラウザ実装まで来たのは感慨深いけど、とりあえずStatus: Dreamだと思って静観

[peketamin]

“本日2023/08/29、全ブラウザでCSSでネスト（入れ子）ができるようになりました💐”

[reboot_in]

“この記法は、ジャンプできない・リファクタリングできない・コード検索が手間という理由により、CSS被害者救済法という法律で禁止されました。”

[tmtms]

便利そう

[mayumayu_nimolove]

一般化するには2年ぐらいかかるかな

[Fushihara]

ついに来たか…