CSS La! Declaración importante


Ejemplo

La declaración !important se utiliza para anular la especificidad habitual en una hoja de estilo al dar mayor prioridad a una regla. Su uso es: property : value !important;

#mydiv {
    font-weight: bold !important;    /* This property won't be overridden
                                       by the rule below */
}

#outerdiv #mydiv {
    font-weight: normal;            /* #mydiv font-weight won't be set to normal
                                    even if it has a higher specificity because
                                    of the !important declaration above */
}

Se recomienda encarecidamente evitar el uso de !important (a menos que sea absolutamente necesario), ya que perturbará el flujo natural de las reglas de CSS que pueden generar incertidumbre en su hoja de estilo. También es importante tener en cuenta que cuando se aplican varias declaraciones !important a la misma regla en un elemento determinado, la que tenga una mayor especificidad será la aplicada.

Aquí hay algunos ejemplos donde se puede justificar el uso de !important declaración !important :

  • Si sus reglas no deberían ser anuladas por ningún estilo en línea del elemento que está escrito dentro del atributo de style del elemento html.
  • Para dar al usuario un mayor control sobre la accesibilidad de la web, como aumentar o disminuir el tamaño del tamaño de fuente, anulando el estilo de autor usando !important .
  • Para pruebas y depuración utilizando el elemento inspeccionar.

Ver también: