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

Siehe auch