Significa, esencialmente, lo que dice; que "esto es importante, ignore las reglas posteriores y cualquier problema de especificidad habitual, ¡aplique esta regla!"
En el uso normal, una regla definida en una hoja de estilo externa es anulada por un estilo definido en el headdocumento, que, a su vez, es anulado por un estilo en línea dentro del elemento mismo (asumiendo la especificidad igual de los selectores). La definición de una regla con el !important'atributo' (?) Descarta las preocupaciones normales con respecto a la regla 'posterior' que anula las 'anteriores'.
Además, normalmente, una regla más específica anulará una regla menos específica. Entonces:
a {
/* css */
}
Normalmente es anulado por:
body div #elementID ul li a {
/* css */
}
Como el último selector es más específico (y normalmente no importa dónde se encuentre el selector más específico (en la headhoja de estilo o en la hoja de estilo externa), todavía anulará el selector menos específico (los atributos de estilo en línea siempre anule el selector específico 'más-' o 'menos-', ya que siempre es más específico.
Sin embargo, si agrega !importanta la declaración CSS del selector menos específico, tendrá prioridad.
Usar !importanttiene sus propósitos (aunque me cuesta pensar en ellos), pero es muy parecido a usar una explosión nuclear para detener a los zorros que matan a tus gallinas; Sí, los zorros serán asesinados, pero también los pollos. Y el barrio.
También hace que depurar tu CSS sea una pesadilla (desde la experiencia personal, empírica).