CSSのネストがついにブラウザで使用できるようになった！ 基礎知識、便利な使い方を詳しく解説

CSSのネストがついに、Chrome 112, Edge 112にサポートされました。 追記: 2023/8/29リリース予定のFirefox 117でもサポート予定。 ネストはSassなどのCSSプリプロセッサですでに使用している人も多いと思いますが、CSSのネストは仕様が少し異なります。とは言え、CSSでネストが使用できるようになるのは、嬉しいことですね。 CSSのネストの基礎知識、便利な使い方を紹介します。ネストの使い方を学べるデモページもあるので、勉強するのにぴったりです。 CSS Nesting by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。 CSSのネストとは CSSのネストの基礎知識 CSSのネストのパーサーについて CSSのネストを検出する方法 デベロッパーツールでCSSのネストをデバッグする方法 CS

[coliss]

CSSのネストの基礎知識、便利な使い方。

[twotiger]

これ主要ブラウザがサポートすると、Sassは死亡、CSS-in-JSも相当減るだろうな

[solidstatesociety]

まだ先だな

[demAge]

連結できないのはきちいなあ

[Shinwiki]

Ff

[mayumayu_nimolove]

ビルドシステム使えない環境だと良いね