Summary

  • O primeiro rascunho público do W3C, em 2021, colocou uma regra filha dentro da regra mãe e usou & para apontar para ela; uma declaração depois da regra interna era inválida.
  • O texto de 2023 aceitou misturar declarações e regras sem preservar a ordem relativa. Em 2026, regras de declarações aninhadas passaram a conservar a posição escrita.

Uma editora monta o cartão de uma reportagem. Quer ver lado a lado a moldura, o título e o botão; a folha de estilos insiste em espalhar as instruções. Ela coloca a regra do botão dentro da regra do cartão. A sala ficou arrumada. Na saída, acrescenta uma propriedade depois da regra interna. Parece o último retoque. Mas, se o navegador registrar as pinceladas em outra ordem, o cartão pode terminar com uma cor que ninguém pediu.

O rascunho inaugural de 31 de agosto de 2021 definiu o seletor da regra interna em relação ao da externa. O símbolo & permitia chamar a regra mãe pelo nome de dentro da sala. Havia uma forma direta de aninhar, com restrições de sintaxe, e uma via @nest mais flexível. O problema era a leitura do texto: color:hover pode se parecer com um seletor ou com o começo de uma declaração. O W3C explicou por que distinguir os casos poderia exigir olhar para a frente sem um limite fixo.

A regra para a tinta atrasada era dura. No texto de 2021, as declarações tinham de vir antes das regras aninhadas. Uma declaração posterior era inválida e ignorada. Bastava mover uma linha para melhorar a organização do arquivo e a cor desaparecia. A casa aceitava quartos internos, desde que o pintor saísse antes de erguer a parede.

O rascunho de 14 de fevereiro de 2023 já não trazia @nest como entrada separada. Declarações e regras podiam se alternar. Só que a ordem relativa entre elas não era preservada. O texto do arquivo sugeria uma sequência; a representação usada pela cascata podia perder esse encadeamento. O pintor ganhou acesso depois do expediente, mas perdeu o número da senha.

O rascunho de 22 de janeiro de 2026 registrou melhor a fila. Declarações escritas depois ou entre regras são envolvidas implicitamente por regras de declarações aninhadas, preservando sua posição. Um embrulho simples em & { ... } alteraria detalhes de pseudoelementos e especificidade, explica o texto. A seção de mudanças ainda relata a passagem por um @nest intermediário até o formato escolhido. O mecanismo ficou mais elaborado para que a autora pudesse confiar na ordem que escreveu.

O histórico oficial de publicações mostra os marcos de 2021, 2023 e 2026. O atalho visível é escrever regra dentro de regra; o trabalho invisível é conservar o sentido de uma declaração tardia. A editora escolhe quais peças do cartão devem morar juntas. O navegador cuida do parentesco entre seletores e da fila da pintura. Até um botão pequeno merece um mestre de obras que saiba ler a planta.