CSS 入れ子
CSS 入れ子 (CSS nesting) モジュールは、セレクターを入れ子にする構文を定義し、親ルールのセレクターに対して子ルールのセレクターを相対的に指定することで、あるスタイルルールを別のスタイルルールの中に入れ子にする機能を提供します。
CSS 入れ子は、 Sass のような CSS プリプロセッサーとは異なり、 CSS プリプロセッサーによって事前にコンパイルされるのではなく、ブラウザーで解釈されます。
CSS 入れ子は、 CSS スタイルシートの可読性、モジュール性、保守性に役立ちます。また、 CSS ファイルのサイズを縮小することで、ユーザーがダウンロードするデータ量を削減できる可能性もあります。
リファレンス
>セレクター
ガイド
- CSS 入れ子の使用
-
CSS 入れ子の使い方を説明します。
- CSS 入れ子アットルール
-
アットルールを入れ子にする方法を説明します。
- CSS 入れ子と詳細度
-
CSS を入れ子にした場合の詳細度の違いを説明します。
関連概念
仕様書
| Specification |
|---|
| CSS Nesting Module> |