CSS-Nesting
Das CSS-Nesting-Modul definiert eine Syntax zum Verschachteln von Selektoren und bietet die Möglichkeit, eine Stilregel innerhalb einer anderen zu verschachteln, wobei der Selektor der Kindregel relativ zum Selektor der Elterregel ist.
CSS-Nesting unterscheidet sich von CSS-Präprozessoren wie Sass dadurch, dass es vom Browser geparst wird, anstatt von einem CSS-Präprozessor vorkompiliert zu werden.
CSS-Nesting trägt zur Lesbarkeit, Modularität und Wartbarkeit von CSS-Stylesheets bei. Es hilft potenziell auch dabei, die Größe von CSS-Dateien zu reduzieren, wodurch die heruntergeladene Datenmenge für Benutzer verringert wird.
Referenz
Selektoren
Leitfäden
- Verwendung von CSS-Nesting
-
Erklärt, wie man CSS-Nesting verwendet.
- CSS-Nesting von at-Rules
-
Erklärt, wie man at-Rules verschachtelt.
- CSS-Nesting und Spezifität
-
Erklärt die Unterschiede in der Spezifität beim Verschachteln von CSS.
Verwandte Konzepte
Spezifikationen
| Specification |
|---|
| CSS Nesting Module |