W3C CSS Validator: el control oficial de la sintaxis de tus hojas de estilo

Cuando una maquetación se niega en redondo a mostrarse como debería, a veces la causa es una tontería: un punto y coma que falta, una llave de más, un «colr» en lugar de «color». El navegador, por su parte, ignora la línea errónea sin avisar. Eso es justo lo que saca a la luz el validador del W3C, en pocos segundos, sin instalar nada y con el aval del consorcio que publica las especificaciones de CSS. Para un principiante, un estudiante o un maquetador que quiere una comprobación rápida, sigue teniendo su sitio.

Eso sí, hay que saber lo que no hace. Válido no significa compatible: la herramienta no dice nada del soporte real de una propiedad en Safari o Firefox, y un CSS perfectamente conforme puede seguir viéndose mal. Sobre todo, el validador sigue los estándares con retraso. En nuestras pruebas, aceptaba el anidamiento de reglas, el selector :has() o las capas @layer, pero marcaba como errores las consultas de contenedor y la regla @property, que todos los navegadores recientes admiten. Un error en el informe no siempre es un error en el código, así que toca filtrar a mano. Los prefijos como -webkit- ya solo generan avisos, lo que aligera la lectura.

En un proyecto profesional, la herramienta ha acabado cediendo el paso a los linters, con Stylelint a la cabeza, que revisan el código directamente en el editor y en cada commit, con reglas adaptadas al equipo. El validador del W3C queda entonces como una buena segunda opinión, o como una forma sencilla de revisar el CSS de una web de la que no tienes las fuentes. Una pequeña pega, por último: su documentación no siempre está al día, y todavía dice que el perfil por defecto es CSS 2.1, cuando el formulario propone ya CSS 3.