CSS-Verschachtelung

Das CSS-Verschachtelungs-Modul definiert eine Syntax zum Verschachteln von Selektoren, wodurch es möglich wird, eine Stilregel innerhalb einer anderen zu verschachteln, wobei der Selektor der Kindregel relativ zum Selektor der Elternregel ist.

CSS-Verschachtelung unterscheidet sich von CSS-Präprozessoren wie Sass darin, dass sie vom Browser geparst wird, anstatt von einem CSS-Präprozessor vorab kompiliert zu werden.

Die CSS-Verschachtelung trägt zur Lesbarkeit, Modularität und Wartbarkeit von CSS-Stylesheets bei. Sie kann auch helfen, die Größe der CSS-Dateien zu reduzieren, wodurch die Menge der von Benutzern heruntergeladenen Daten verringert wird.

Referenz

Selektoren

Leitfäden

Verwendung von CSS-Verschachtelung

Erklärt, wie man CSS-Verschachtelung verwendet.

CSS-Verschachtelungs-at-rules

Erklärt, wie man at-rules verschachtelt.

CSS-Verschachtelung und Spezifität

Erklärt die Unterschiede in der Spezifität bei der Verschachtelung von CSS.

Verwandte Konzepte

Spezifikationen

Specification
CSS Nesting Module

Siehe auch