CSS La! Dichiarazione importante


Esempio

La dichiarazione !important viene utilizzata per ignorare la solita specificità in un foglio di stile dando una priorità più alta a una regola. Il suo utilizzo è: 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 */
}

Evitare l'uso di !important è fortemente raccomandato (a meno che non sia assolutamente necessario), perché disturberà il flusso naturale delle regole CSS che può portare incertezza nel tuo foglio di stile. Inoltre è importante notare che quando più dichiarazioni !important sono applicate alla stessa regola su un determinato elemento, quella con la specificità più alta sarà l'ona applicata.

Ecco alcuni esempi in cui l'uso di una dichiarazione !important può essere giustificato:

  • Se le tue regole non devono essere sovrascritte da alcuno stile in linea dell'elemento che è scritto all'interno dell'attributo style dell'elemento html.
  • Per dare all'utente un maggiore controllo sull'accessibilità del web, come aumentare o diminuire la dimensione della dimensione del font, ignorando lo stile dell'autore usando !important .
  • Per testare e fare il debug usando l'elemento inspect.

Guarda anche: