知っておきたい、CSS Nesting仕様

全4回

このシリーズではCSSを入れ子にできる、CSS Nestingの仕様とどのように使うといいか、その実例を挙げて解説します。

最終回 CSS Nesting仕様の実装状況と課題

CSS Nesting仕様について、2024年5月時点の実装状況と、仕様の課題について紹介します。また、それらの課題を見越した上で、現状ではどのように使うのがよいかについても触れています。

第3回 @ルールのネスト

CSS Nesting仕様にはスタイルルールだけでなく@ルールのネストも定義されています。今回はネストできる@ルールについて紹介します。

第2回 ネスティングセレクターの挙動

CSS Nesting仕様について、基本で紹介していなかった使い方や、新たに追加されたネスティングセレクターの挙動を説明します。

第1回 基本のネスト構文

CSSのルールをネストできるCSS Nesting仕様について、基本的な構文を紹介します。また、Sassとの違いについても触れます。