Validación HTML: CSS: "font-size": "revert" no es un valor de "font-size".

Acerca de este problema HTML

La palabra clave revert es una de las palabras clave CSS globales definidas en la especificación CSS Cascading and Inheritance (junto con initial, inherit y unset). Estas palabras clave son valores válidos para toda propiedad CSS. Cuando se aplica, revert revierte la cascada al valor que la propiedad habría tenido si no se hubieran aplicado estilos a nivel de autor — efectivamente revirtiendo a la hoja de estilos predeterminada del navegador (o la hoja de estilos del usuario, si existe una).

Las versiones anteriores del Nu HTML Checker (el motor detrás del validador HTML de W3C) no reconocían completamente revert como una palabra clave CSS válida para todas las propiedades, lo que causaba este falso positivo. Esto se ha corregido en versiones más recientes del validador. Si estás usando una instancia local o desactualizada del validador, actualizar a la última versión debería resolver el problema.

Como esto es un error del validador y no un problema del código, tienes algunas opciones: ignorar la advertencia, actualizar tu validador, o usar un enfoque alternativo si necesitas un reporte de validación limpio. Por ejemplo, podrías usar unset en su lugar, que se comporta de manera similar en muchos casos (aunque no idénticamente — unset revierte al valor heredado o inicial, mientras que revert revierte al predeterminado del user-agent).

Ejemplos

Código que desencadena el falso positivo

Este estilo en línea usa revert en font-size, lo cual es CSS perfectamente válido pero puede desencadenar la advertencia del validador:

<p style="font-size: revert;">Este párrafo usa el tamaño de fuente predeterminado del navegador.</p>

Solución usando `unset`

Si necesitas pasar la validación en una instancia de validador anterior, unset puede servir como un sustituto parcial. Ten en cuenta que unset se comporta de manera diferente a revert — se reinicia al valor inherited (para propiedades heredadas como font-size) en lugar del predeterminado del user-agent:

<p style="font-size: unset;">Este párrafo hereda el tamaño de fuente de su elemento padre.</p>

Usando `revert` en una hoja de estilos

La palabra clave revert es especialmente útil cuando quieres deshacer estilos de autor para elementos específicos. Esto es CSS válido y no debería producir errores en validadores actualizados:

<style>
  p {
    font-size: 2rem;
  }
  .default-size {
    font-size: revert;
  }
</style>
<p>Este párrafo tiene un tamaño de fuente de 2rem.</p>
<p class="default-size">Este párrafo revierte al tamaño de fuente predeterminado del navegador.</p>

Todas las palabras clave CSS globales

Para referencia, todas estas palabras clave CSS globales son válidas para font-size y cualquier otra propiedad CSS:

<div style="font-size: initial;">Usa el valor inicial de la propiedad</div>
<div style="font-size: inherit;">Hereda del elemento padre</div>
<div style="font-size: unset;">Se reinicia al valor heredado o inicial</div>
<div style="font-size: revert;">Revierte al predeterminado del user-agent</div>
<div style="font-size: revert-layer;">Revierte a la capa de cascada anterior</div>