Validador CSS
Valida tu código CSS en busca de errores de sintaxis
CSS de entrada
Resultado de validación
Ejemplos de validación CSS
El CSS válido tiene sintaxis correcta; el CSS inválido tiene errores. Ejemplos:
CSS válido
CSS inválido – falta punto y coma
A la primera regla le falta un punto y coma después de 1200px.
Pega cualquiera de los ejemplos en el editor de arriba para ver el resultado de validación. Usa Ejemplo para cargar más datos.
¿Qué es un validador CSS?
CSS (Cascading Style Sheets) tiene reglas de sintaxis. Puntos y coma faltantes, llaves sin cerrar, nombres de propiedades inválidos o selectores mal formados causan errores de parseo. Un validador CSS comprueba si tu hoja de estilos está bien formada e informa errores con línea y posición. Las especificaciones W3C CSS definen el lenguaje.
Esta herramienta analiza tu CSS e informa errores de sintaxis. Se ejecuta completamente en tu navegador. No se envía nada a ningún servidor. Para formatear CSS válido, usa el Formateador CSS. Para minificar, el Minificador CSS.
Cómo usar esta herramienta
Pegar o subir CSS
Copia tu CSS y pégalo en el editor izquierdo. También puedes hacer clic en Subir para cargar un archivo .css. El botón Ejemplo carga datos de ejemplo.
Revisar el resultado de validación
El panel derecho muestra Válido o Inválido. Si es inválido, lista errores con línea y posición. Problemas comunes: llaves sin cerrar, puntos y coma faltantes, valores de propiedades inválidos o media queries mal formadas.
Corregir y revalidar
Corrige errores en la entrada y revalida. Para formatear, usa el Formateador CSS. Para SCSS o Less, compila primero con SCSS a CSS o Less a CSS.
Errores CSS comunes
Llaves } o corchetes ] sin cerrar son frecuentes. Puntos y coma faltantes entre propiedades pueden causar errores de parseo en cascada. Nombres o valores de propiedades inválidos (p. ej. errores tipográficos como dispaly en lugar de display) rompen reglas. Bloques @media o @keyframes mal formados también causan fallos. La especificación W3C CSS define la sintaxis válida. El Validador W3C CSS ofrece validación del lado del servidor.
Cuándo ayuda la validación CSS
Muchos desarrolladores necesitan validación al depurar estilos que no se aplican, integrar CSS de terceros o antes de desplegar a producción. Un solo error de sintaxis puede romper toda una hoja de estilos. Pasar tu CSS por aquí detecta problemas antes de que causen problemas de diseño o renderizado. Herramientas de build como Vite o Webpack no siempre informan errores CSS claramente—validar aquí te da números de línea precisos.
También es útil antes de compartir estilos con el equipo o enviar pull requests. Para compatibilidad de navegador tras validar, usa el Prefijador CSS. Para formatear CSS válido, el Formateador CSS. Para SCSS o Less, compila primero con SCSS a CSS o Less a CSS.
Preguntas frecuentes
¿Qué hace que el CSS sea inválido?
Llaves o corchetes sin cerrar, puntos y coma faltantes, nombres o valores de propiedades inválidos, selectores mal formados o errores de sintaxis en @media o @keyframes. El validador señala el problema.
¿Comprueba soporte de navegador?
Esta herramienta solo valida la sintaxis—si el CSS está bien formado. No comprueba compatibilidad de navegador. Usa Can I Use para eso.
¿Mis datos son privados?
Sí. La validación se ejecuta completamente en tu navegador. No se envía ningún dato a ningún servidor.
¿Soporta SCSS o Less?
Esta herramienta valida CSS plano. Para SCSS o Less, compila primero con SCSS a CSS o Less a CSS, luego valida la salida.
¿Qué pasa con los prefijos de vendor?
Las propiedades con prefijo de vendor (p. ej. -webkit-, -moz-) son válidas. El validador las acepta. Para añadir prefijos automáticamente, usa el Prefijador CSS.
Herramientas relacionadas
Para la especificación CSS: W3C CSS. MDN CSS es la referencia. Validador W3C CSS ofrece validación del lado del servidor. Can I Use para soporte de navegador.