Validador de CSS

Comprueba el texto CSS en busca de sintaxis rota: llaves { }, paréntesis ( ) y corchetes [ ] descompensados, una cadena entre comillas sin terminar y un comentario /* */ sin cerrar.

Pega una hoja de estilos o un fragmento. El comprobador escanea carácter a carácter, omite comentarios y el contenido de las cadenas, y controla cada símbolo en una pila para confirmar que cada uno se cierra en el orden correcto.

Al introducir @media (min-width: 600px) { .card { padding: 2rem; } } se obtiene válido con 2 bloques de reglas abiertos; al eliminar la última } se obtiene no válido, indicando una { sin cerrar.

Cada {, ( y [ debe tener un cierre correspondiente en el orden correcto; cada cadena entre comillas debe cerrarse con la misma comilla antes de que termine la línea; cada comentario /* debe tener un */ correspondiente.

Un resultado válido significa que el archivo se analiza en tokens sin errores — no comprueba que los nombres de propiedad existan, que los valores sean válidos para su propiedad, ni que los selectores coincidan con algún elemento; un archivo puede pasar esta comprobación y aun así contener un error como colr: red o un valor de propiedad no válido.

Este comprobador no valida CSS como lo hace el W3C CSS Validator — no tiene una base de datos de nombres de propiedad ni de gramáticas de valores, así que los errores semánticos quedan totalmente fuera de su alcance. Además, se centra en la sintaxis CSS estándar, no en la sintaxis propia de Sass/SCSS/LESS, como los comentarios de línea // o los operadores de anidación, que este comprobador no reconoce como válidos.

Todo el proceso usa API locales del navegador y la herramienta no sube los valores introducidos.