Nadat we de vorige enquête hadden uitgevoerd om te helpen bij het kiezen van de syntaxis voor CSS-nesten , zette de CSS-werkgroep het debat voort over de beste manier om nesten in CSS te definiëren. Tijdens de discussies werden nieuwe syntaxisideeën geopperd. Om de werkgroep te helpen kiezen tussen een van deze syntaxis, is er een nieuw onderzoek.
De opties
Op basis van de resultaten van het vorige onderzoek worden opties één en twee niet langer overwogen. Er zijn twee nieuwe opties (vier en vijf) toegevoegd.
Optie 5: Nestcontainer op het hoogste niveau
Introduceert een @nest regel op het hoogste niveau die een & { … } -blok bevat met declaraties en meerdere geneste stijlregels.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
Optie 4: Postfix-voorstel
Een extra codeblok met de geneste regels wordt ingevoegd na de hoofdregel die de declaraties bevat.
selector {
property: value;
} {
nested-selector {
property: value;
}
}
Optie 3: Startvoorstel zonder letter
Elke geneste regel moet op zichzelf ondubbelzinnig zijn, door te vereisen dat deze begint met een niet-symbool. U kunt & div of :is(div) schrijven als u een selector met een typeselector wilt starten.
selector {
property: value;
& nested-selector {
property: value;
}
}
Hoewel de bovenstaande fragmenten alleen worden gebruikt om de basisprincipes van elk voorstel te demonstreren, zijn er naast de nieuwe enquête nog veel meer voorbeelden opgenomen.
Breng je stem uit
Om uw stem uit te brengen, gaat u naar https://webkit.org/blog/13607/ . Voor stemmen is geen registratie vereist. Kies “Optie 5”, “Optie 4” of “Optie 3” en klik op Verzenden.