Error Declaraciones inválidas en el cuerpo de una regla
Por qué un cuerpo de regla que no se analiza como pares limpios propiedad: valor es descartado en silencio por el navegador, y las causas comunes.
El validador marca un cuerpo de regla que contiene texto pero nada de él coincide con el patrón esperado propiedad: valor;.
Ejemplo
/* Incorrecto: falta los dos puntos */
.tarjeta {
padding 1rem;
}
/* Correcto */
.tarjeta {
padding: 1rem;
}Las causas más comunes son unos dos puntos faltantes entre la propiedad y el valor, un punto y coma faltante que fusiona dos declaraciones, o texto suelto que quedó de un pegado o edición.
Por qué importa
Las declaraciones CSS requieren una forma estricta de propiedad: valor;. Cuando el parser encuentra algo que no encaja en esa forma — sin dos puntos, sintaxis mal formada — descarta solo esa declaración malformada y, según qué exactamente esté roto, a veces también el resto del bloque, y luego reanuda el análisis en el siguiente punto reconocible. Como con la mayoría de los fallos de parseo de CSS, no hay ningún error en la consola ni advertencia visible; los estilos afectados simplemente no se aplican.
Frequently asked questions
¿Una declaración incorrecta rompe toda la hoja de estilos?
No — el análisis de CSS se recupera a nivel de regla. Una declaración malformada se descarta (y, según el error de sintaxis exacto, a veces también las declaraciones alrededor en ese bloque), pero las reglas en otras partes de la hoja de estilos siguen analizándose y aplicándose con normalidad.
¿Cómo encuentro dónde está el texto inválido?
El validador reporta un número de línea junto a este problema — revisa esa línea y las declaraciones inmediatamente alrededor en busca de dos puntos, punto y coma o comillas/paréntesis desemparejados faltantes.