Verificação HTML: CSS: "font-size": "revert" não é um valor de "font-size".

Sobre este problema HTML

A palavra-chave revert é uma das palavras-chave CSS-wide definidas na especificação CSS Cascading and Inheritance (juntamente com initial, inherit e unset). Estas palavras-chave são valores válidos para todas as propriedades CSS. Quando aplicada, revert reverte a cascata para o valor que a propriedade teria se nenhum estilo de nível de autor fosse aplicado — efetivamente revertendo para a folha de estilos padrão do navegador (ou a folha de estilos do utilizador, se existir).

Versões mais antigas do Nu HTML Checker (o motor por trás do W3C HTML Validator) não reconheciam completamente revert como uma palavra-chave CSS-wide válida para todas as propriedades, o que causava este falso positivo. Isto foi corrigido em versões mais recentes do validador. Se estiver a usar uma instância local ou desatualizada do validador, atualizar para a versão mais recente deve resolver o problema.

Uma vez que este é um bug do validador e não um problema de código, você tem algumas opções: ignorar o aviso, atualizar o seu validador, ou usar uma abordagem alternativa se precisar de um relatório de validação limpo. Por exemplo, pode usar unset em vez disso, que se comporta de forma similar em muitos casos (embora não de forma idêntica — unset reverte para o valor herdado ou inicial, enquanto revert reverte para o padrão do user-agent).

Exemplos

Código que desencadeia o falso positivo

Este estilo inline usa revert em font-size, que é CSS perfeitamente válido mas pode desencadear o aviso do validador:

<p style="font-size: revert;">Este parágrafo usa o tamanho de fonte padrão do navegador.</p>

Solução alternativa usando `unset`

Se precisar de passar a validação numa instância mais antiga do validador, unset pode servir como um substituto parcial. Note que unset comporta-se de forma diferente de revert — redefine para o valor inherited (para propriedades herdadas como font-size) em vez do padrão do user-agent:

<p style="font-size: unset;">Este parágrafo herda o tamanho de fonte do seu elemento pai.</p>

Usando `revert` numa folha de estilos

A palavra-chave revert é especialmente útil quando quer desfazer estilos de autor para elementos específicos. Este é CSS válido e não deve produzir erros em validadores atualizados:

<style>
  p {
    font-size: 2rem;
  }
  .default-size {
    font-size: revert;
  }
</style>
<p>Este parágrafo tem um tamanho de fonte de 2rem.</p>
<p class="default-size">Este parágrafo reverte para o tamanho de fonte padrão do navegador.</p>

Todas as palavras-chave CSS-wide

Para referência, todas estas palavras-chave CSS-wide são válidas para font-size e todas as outras propriedades CSS:

<div style="font-size: initial;">Usa o valor inicial da propriedade</div>
<div style="font-size: inherit;">Herda do elemento pai</div>
<div style="font-size: unset;">Redefine para o valor herdado ou inicial</div>
<div style="font-size: revert;">Reverte para o padrão do user-agent</div>
<div style="font-size: revert-layer;">Reverte para a camada de cascata anterior</div>