Validador CSS

Acerca de esta herramienta

El Validador CSS comprueba tu código CSS en busca de errores de sintaxis comunes, incluyendo llaves no coincidentes, puntos y coma faltantes, declaraciones malformadas y conjuntos de reglas vacíos.

Toda la validación se ejecuta en tu navegador — no se envía CSS a ningún servidor.

Cómo usar

1. Pega tu código CSS en el área de entrada, o haz clic en Ejemplo (Válido) o Ejemplo (Errores) para cargar un ejemplo.
2. Haz clic en Validar para ejecutar la comprobación.
3. Revisa los resultados — los errores se muestran en rojo con números de línea, las advertencias en ámbar.
4. Corrige los problemas en tu editor CSS y vuelve a validar hasta que no queden errores.

Casos de uso

Los desarrolladores front-end depuran estilos que no se aplican correctamente. Los estudiantes que aprenden CSS detectan errores de sintaxis sin necesitar las DevTools del navegador.

Preguntas frecuentes

• ¿Valida las propiedades CSS según la especificación W3C? — No. Esta herramienta comprueba la sintaxis estructural (llaves, puntos y coma, dos puntos).
• ¿Por qué mi CSS válido muestra una advertencia? — El validador usa heurísticas y puede marcar casos límite. Las advertencias son informativas.
• ¿Admite variables CSS y propiedades personalizadas? — Sí. Las líneas que contienen --variable-name se reconocen como declaraciones de propiedades personalizadas.
• ¿Se envía mi CSS a un servidor? — No. La validación se ejecuta completamente en tu navegador usando JavaScript.