Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

CSS-Verschachtelung

Das CSS-Nesting-Modul definiert eine Syntax zum Verschachteln von Selektoren. Es ermöglicht, eine Stilregel innerhalb einer anderen zu verschachteln, wobei der Selektor der Kindenregel relativ zum Selektor der Elternregel ist.

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

CSS-Verschachtelung verbessert die Lesbarkeit, Modularität und Wartbarkeit von CSS-Stylesheets. Sie hilft möglicherweise auch dabei, die Größe von CSS-Dateien zu reduzieren und somit die Menge an heruntergeladenen Daten durch die Benutzer zu verringern.

Referenz

Selektoren

Leitfäden

Verwendung von CSS-Verschachtelung

Erklärt, wie man CSS-Verschachtelung verwendet.

CSS-Verschachtelungs-Regeln

Erklärt, wie man Regelanweisungen 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