Come utilizzare !important

Indipendentemente dalla specificità del selettore, singole dichiarazioni possono assumere la massima priorità se seguite da ” !important ” (senza virgolette). Vediamo uno stralcio di codice:

p {
background: #f1f1f1  !important;
color: #000000;
}
p#selettore {
background: #EEE;
color: #000;
}

La dichiarazione riguardante la proprietà background della prima regola sovrascrive in ogni caso quella della seconda regola ( indipendentemente dal peso del selettore e/o dall’ordine di comparsa delle due regole), poichè la dichiarazione della prima regola contiene appunto la direttiva !

important. Si noti che la direttiva !important deve trovarsi sempre dopo il valore associato e quindi prima del punto e virgola ; che separa le varie dichiarazioni. Quando due o più dichiarazioni con direttiva !important entrano in conflitto, il browser solitamente tiene conto anche della specificità del selettore dando ” causa vinta ” al selettore che ritiene innocente .

Tenete sempre presente che ogni browser per quanto simile agli altri assume sempre un comportamento leggermente diverso e decisamente caratteristico del browser stesso.