Après avoir effectué l'enquête précédente pour choisir la syntaxe du chevauchement CSS, le groupe de travail CSS a poursuivi le débat sur la meilleure façon de définir le chevauchement en CSS. Au cours des discussions, de nouvelles idées de syntaxe ont été suggérées. Pour aider le groupe de travail à choisir entre ces syntaxes, une nouvelle enquête est disponible.
Les options
D'après les résultats de l'enquête précédente, les options 1 et 2 ne sont plus prises en compte. Deux nouvelles options (quatre et cinq) ont été ajoutées.
Option 5: Conteneur d'imbrication de niveau supérieur
Introduction d'une règle @nest de niveau supérieur contenant un bloc & { … } avec des déclarations et plusieurs règles de style imbriquées.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
Option 4: Proposition de postfix
Un bloc de code supplémentaire contenant les règles imbriquées est inséré après la règle principale qui contient les déclarations.
selector {
property: value;
} {
nested-selector {
property: value;
}
}
Option 3: Proposition de début sans lettre
Chaque règle imbriquée doit être claire en elle-même, en exigeant qu'elle commence par un non-symbole. Vous pouvez écrire & div ou :is(div) si vous devez commencer un sélecteur avec un sélecteur de type.
selector {
property: value;
& nested-selector {
property: value;
}
}
Bien que les extraits ci-dessus ne servent qu'à illustrer les principes de base de chaque proposition, de nombreux autres exemples sont inclus avec la nouvelle enquête.
Votez
Pour voter, accédez à https://webkit.org/blog/13607/. Vous n'avez pas besoin de vous inscrire pour voter. Choisissez l'option 5, l'option 4 ou l'option 3, puis cliquez sur "Envoyer".