¿Debo evitar el uso de! Important en CSS?

A veces !important es útil, por ejemplo, si he definido un estilo común para todos los enlaces en el sitio (selector, por ejemplo, a ), pero cuando quiero anular algunas reglas, tengo las siguientes opciones:

  • Use un selector más específico (más largo)
  • Uso !important

¿Qué camino es mejor y puede haber algunas pautas?

Use !important muy, MUY escasamente – anula casi todo, incluso los estilos en línea, y se ensucia de una manera menos que obvia con la “cascada” de reglas de estilo que da nombre a CSS. Es fácil de usar mal y tiende a multiplicarse, especialmente cuando se usa mal. Puede terminar fácilmente con un elemento con reglas !important que desea anular, y sin refaccionar sus estilos, a menudo la única manera de anularlo es con otra regla !important .

Y una vez que se propaga y lo estás usando en todas partes, estás de vuelta en la misma situación en la que estarías sin él (dificultad para especificar elementos específicamente para anular otros estilos), ¡pero tampoco lo tienes !important ya que todo lo demás lo está usando también.

( Editar: ¡Originalmente dije !important reemplaza las hojas de estilo del usuario. No es exactamente así. Todo lo especificado en la página anula las reglas normales del usuario, pero en un navegador conforme, las reglas !important usuario prevalecen sobre todo lo especificado en la página, incluso su reglas !important . Por lo tanto, el acceso es un tema menos problemático de lo que afirmaba).

Lo que puedo decir es que debes intentar evitarlo tanto como puedas porque significa que hay código redundante y dar una indicación de que el CSS y los estilos no están bien estructurados.

Pero en algunos casos es obligatorio usarlo y no hay forma de evitarlo.

Así que haz lo mejor que puedas.

Evítalo cuando puedas, ya que esto es lo que más abogan pero, al mismo tiempo, es importante.

Mira esto:

La importancia de! Importante en CSS