Nachdem wir die vorherige Umfrage zur Auswahl der Syntax für CSS-Verschachtelungen durchgeführt hatten, setzte die Arbeitsgruppe des Preisvergleichsportals die Debatte darüber fort, wie sich die Verschachtelung in CSS am besten definieren lässt. Während der Diskussionen wurden neue Syntaxideen vorgeschlagen. Um der Arbeitsgruppe bei der Auswahl einer dieser Syntaxen zu helfen, gibt es eine neue Umfrage.
Die Optionen
Basierend auf den Ergebnissen der vorherigen Umfrage werden die Optionen 1 und 2 nicht mehr berücksichtigt. Es wurden zwei neue Optionen (vier und fünf) hinzugefügt.
Option 5: Verschachtelter Container auf oberster Ebene
Führt eine @nest-Regel auf oberster Ebene ein, die einen & { … }-Block mit Deklarationen und mehreren verschachtelten Stilregeln enthält.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
Option 4: Postfix-Vorschlag
Nach der Hauptregel, die die Deklarationen enthält, wird ein zusätzlicher Codeblock mit den verschachtelten Regeln eingefügt.
selector {
property: value;
} {
nested-selector {
property: value;
}
}
Option 3: Ein Angebot, das kein Buchstabe ist
Jede verschachtelte Regel muss eindeutig sein, d. h. sie muss mit einem Nicht-Symbol beginnen. Sie können & div oder :is(div) schreiben, wenn Sie einen Selector mit einem Typselektor starten müssen.
selector {
property: value;
& nested-selector {
property: value;
}
}
Die oben aufgeführten Snippets dienen lediglich dazu, die Grundlagen der einzelnen Vorschläge zu veranschaulichen. Die neue Umfrage enthält jedoch noch viele weitere Beispiele.
Abstimmen
Unter https://webkit.org/blog/13607/ können Sie Ihre Stimme abgeben. Die Abstimmung erfordert keine Registrierung. Wählen Sie „Option 5“, „Option 4“ oder „Option 3“ und klicken Sie auf „Senden“.