Summary

  • Le premier brouillon public du W3C, en 2021, a décrit une règle enfant placée dans une règle parente et le sélecteur & qui renvoie au parent ; une déclaration écrite après une règle imbriquée était alors ignorée.
  • Le brouillon de 2023 a permis de mêler règles et déclarations sans conserver leur ordre relatif. Celui de 2026 a prévu des règles de déclarations imbriquées pour conserver cet ordre.

Imaginons une rédactrice qui met en forme une carte d’article. La couleur du bouton dépend de la carte, mais sa règle habite trois pages plus loin dans le fichier. Elle la rapproche de sa maison : règle du bouton à l’intérieur de la règle de la carte. Le fichier devient plus lisible. Puis elle ajoute une propriété après ce petit bloc, comme on revient peindre une porte après avoir aménagé la pièce. C’est là que le langage doit préciser si le peintre a encore le droit d’entrer, et à quel moment son coup de pinceau compte.

Le premier brouillon public du 31 août 2021 donnait au sélecteur enfant un point de départ relatif au parent. Le signe & désignait explicitement ce dernier. Le texte distinguait l’imbrication directe, soumise à une forme de sélecteur plus stricte, et la règle @nest, qui ouvrait davantage la syntaxe. Ce double accès répondait à une difficulté de lecture pour le parseur : devant color:hover, voit-il un sélecteur ou le début d’une déclaration ? Le brouillon détaillait cette ambiguïté et le regard potentiellement sans borne qu’il faudrait porter plus loin dans le texte.

Pour les déclarations tardives, la règle de 2021 était sévère. Les propriétés devaient précéder les règles imbriquées. Après une règle intérieure, la déclaration devenait invalide et était ignorée. Déplacer une ligne pour mieux ranger le composant pouvait donc lui retirer tout effet. Le classeur gagnait un plan d’étage, mais le peintre devait respecter un horaire absurde.

Le brouillon du 14 février 2023 avait abandonné la porte séparée @nest. Il acceptait de mêler déclarations et règles imbriquées. Le désaccord se déplaçait : le document indiquait que leur ordre relatif n’était pas préservé. Une feuille pouvait présenter une succession claire à l’œil humain tandis que sa représentation ne conservait pas cette succession pour la cascade. Au lieu d’interdire le peintre en retard, on l’autorisait à entrer sans lui garantir sa place dans la file.

Le texte du 22 janvier 2026 a donné une adresse à cette place. Les déclarations placées après ou entre des règles sont implicitement enveloppées dans des règles de déclarations imbriquées, afin de garder leur position. Un emballage naïf sous & { ... } aurait modifié certains effets sur les pseudo-éléments et la spécificité ; le brouillon explique pourquoi la solution choisie évite ce déplacement. Sa section sur les changements retrace aussi une étape intermédiaire avec @nest avant le modèle des déclarations imbriquées.

L’historique des publications du W3C aligne les jalons de 2021, 2023 et 2026. Le fil conducteur est le même petit bouton. L’autrice veut rapprocher des règles liées ; le navigateur doit interpréter le parent, l’enfant et l’ordre des travaux sans que le rangement du fichier tourne à la farce. L’imbrication donne au composant une maison. La règle sur les déclarations empêche les peintres de se marcher dessus.