Warning Propiedad duplicada en la misma regla

Por qué declarar la misma propiedad dos veces en una regla suele ser un descuido, y exactamente cómo la cascada resuelve el conflicto.

El validador advierte cuando la misma propiedad se declara más de una vez dentro de un solo bloque de regla.

Ejemplo

.boton {
  color: blue;
  padding: 0.5rem;
  color: red; /* gana — el "blue" anterior nunca se aplica */
}

Por qué importa

Dentro de una sola regla, cuando la misma propiedad aparece más de una vez, la última declaración gana y cada una anterior simplemente se descarta — esto es parte del comportamiento normal y bien definido de la cascada de CSS, no un error. En la práctica, sin embargo, un duplicado accidental casi siempre significa que una edición dejó atrás una declaración obsoleta, y el valor "ganador" no es el que se pretendía. Hay un uso legítimo y deliberado de este patrón: un valor de respaldo para navegadores que no soportan una sintaxis más nueva, seguido del valor moderno — por ejemplo un color plano de respaldo antes de un valor color-mix().

Frequently asked questions

¿Duplicar una propiedad alguna vez es intencional?

Sí — el caso común es un respaldo: declarar primero un valor ampliamente soportado, y después el valor moderno. Los navegadores que no entienden la segunda declaración la ignoran y mantienen el respaldo; los que sí la entienden usan el valor posterior, que gana.

¿Qué declaración gana si una propiedad está duplicada?

Dentro de la misma regla y con la misma especificidad, gana la que aparece más tarde en el orden del código fuente — cada declaración anterior de esa propiedad en el mismo bloque se descarta.