CSS-Nesting
Das CSS-Nesting-Modul definiert eine Syntax für das Verschachteln von Selektoren und ermöglicht es, eine Stilregel innerhalb einer anderen zu verschachteln, wobei der Selektor der untergeordneten Regel relativ zum Selektor der übergeordneten Regel ist.
CSS-Nesting unterscheidet sich von CSS-Präprozessoren wie Sass, da es vom Browser geparst wird und nicht vorab von einem CSS-Präprozessor kompiliert wird.
CSS-Nesting verbessert die Lesbarkeit, Modularität und Wartbarkeit von CSS-Stylesheets. Es kann auch dazu beitragen, die Größe von CSS-Dateien zu reduzieren, wodurch die von Nutzern heruntergeladene Datenmenge verringert wird.
Referenz
Selektoren
Leitfäden
- Verwendung von CSS-Nesting
-
Erklärt, wie CSS-Nesting verwendet wird.
- CSS-Nesting @-Regeln
-
Erklärt, wie @-Regeln verschachtelt werden können.
- CSS-Nesting und Spezifität
-
Erklärt die Unterschiede in der Spezifität bei der Verwendung von CSS-Nesting.
Verwandte Konzepte
Spezifikationen
Specification |
---|
CSS Nesting Module |