Resumo

  • O primeiro rascunho público W3C de CSS Conditional Rules, de 1º de setembro de 2011, apresentou @supports para condicionar um grupo de regras à capacidade de processar uma propriedade e seu valor. O rascunho de 2012 desenvolveu a sintaxe.
  • A Recomendação Candidata de 4 de abril de 2013 detalhou not, and e or; o texto candidato de 13 de janeiro de 2022 definiu a resposta em termos de aceitar uma declaração com implementação utilizável.

O navegador já sabia fazer uma coisa discreta: passar adiante quando encontrava uma declaração CSS desconhecida. Para uma borda decorativa, muitas vezes bastava. Para uma composição nova, a delicadeza podia virar confusão. Colunas, tamanhos e ordem de leitura precisam funcionar em conjunto. Se metade das regras entra na sala e metade fica na rua, o resultado parece uma mudança de escritório em que chegaram as cadeiras e esqueceram as portas.

O primeiro rascunho público W3C, de 1º de setembro de 2011, ofereceu um processo seletivo. @supports colocava uma família de estilos atrás de uma condição que perguntava por uma propriedade e um valor. A resposta positiva podia receber a nova disposição; outra condição abrigava a alternativa. Aquele rascunho também explorava @document, mas a história da capacidade verificada por @supports permaneceu no centro do texto candidato de 2013.

A pergunta podia ser específica como @supports (display: flex). O rascunho de 11 de setembro de 2012 desenvolveu a gramática: not para a outra resposta, and quando duas qualificações fossem necessárias, or quando houvesse mais de um caminho aceitável. A folha de estilos passou a perguntar pelo requisito do trabalho, em vez de adivinhar a competência do navegador por um apelido ou uma data.

A Recomendação Candidata de 4 de abril de 2013 trouxe um exemplo revelador. Um grupo de regras para composição flexível ficava sob a condição de suporte. As larguras de uma composição alternativa ficavam sob not. A especificação advertia que essas larguras poderiam atrapalhar a versão flexível se fossem aplicadas juntas. O seletor de capacidade servia para manter planos inteiros separados, como quem entrega a cada equipe o mapa correto da obra.

O que significa ser aprovado na entrevista? O texto de 2013 associa suporte à aceitação da declaração, em vez de descartá-la por erro de análise, e exige que a implementação do valor seja utilizável. A fotografia de Recomendação Candidata de 13 de janeiro de 2022 explica a avaliação dentro de uma regra de estilo. Essa é uma resposta técnica sobre propriedade e valor. A beleza do menu pronto vai para outra banca examinadora.

A especificação oferece uma boa lição de modéstia para o entrevistador. Uma preferência de alto contraste pode trocar a cor vista pelo leitor mesmo que o processador continue a oferecer suporte à propriedade color. A cascata e outras regras também entram no resultado. O navegador pode dizer a verdade ao responder à condição, enquanto a página final surpreende o designer. Saber executar uma declaração e acertar o acabamento de toda a matéria são tarefas diferentes.

Uma alternativa bem feita, portanto, merece projeto próprio. Sob @supports not (...), ela precisa de tamanhos coerentes, navegação compreensível e leitura numa ordem que faça sentido. A versão nova também exige inspeção com títulos, tabelas e imagens reais. A condição escolhe um pacote de regras, mas não mede se a manchete cabe ou se o leitor encontra o próximo parágrafo. Para isso, a equipe precisa abrir a página e trabalhar.

Numa aula do W3C apresentada por Bert Bos no WWW2013, a entrevista ganhou uma página de verdade. A demonstração executável começava com seis mensagens escondidas e revelava as que combinavam com respostas positivas, negativas e ligadas por or; uma pergunta tratava de display: flex. A experiência mostrava a seleção no navegador, diante do público. Para transformar a escolha entre regras numa reportagem legível, a redação ainda precisava desenhar os dois caminhos.

O percurso do padrão passa por quatro publicações: rascunho público de 2011, rascunho de 2012, Recomendação Candidata de 2013 e fotografia candidata de 2022. Elas registram como a pergunta ganhou forma e como a resposta foi definida. O ganho duradouro é poder separar conjuntos de estilos por uma capacidade concreta. O CSS conduziu a entrevista; a redação ainda tem de montar um ambiente de trabalho decente para cada resultado.