Nach der vorherigen Umfrage zur Auswahl der Syntax für das CSS-Verschachteln hat die CSS-Arbeitsgruppe weiter über die beste Möglichkeit zur Definition des Verschachtelungsmodus in CSS diskutiert. Während der Diskussionen wurden neue Syntaxideen vorgeschlagen. Um der Arbeitsgruppe bei der Auswahl einer dieser Syntaxen zu helfen, gibt es eine neue Umfrage.
Optionen
Aufgrund der Ergebnisse 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
Hier wird eine @nest-Regel der obersten Ebene eingeführt, 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: Vorschlag ohne Buchstabenanfang
Jede verschachtelte Regel muss für sich genommen eindeutig sein. Sie muss also mit einem Nichtsymbol beginnen. Sie können & div oder :is(div) eingeben, wenn Sie einen Selektor mit einem Typselektor beginnen möchten.
selector {
property: value;
& nested-selector {
property: value;
}
}
Die obigen Snippets dienen nur dazu, die Grundlagen der einzelnen Vorschläge zu veranschaulichen. Die neue Umfrage enthält jedoch viele weitere Beispiele.
Abstimmen
Unter https://webkit.org/blog/13607/ können Sie Ihre Stimme abgeben. Für die Wahl ist keine Registrierung erforderlich. Wählen Sie „Option 5“, „Option 4“ oder „Option 3“ aus und klicken Sie auf „Senden“.