A cosa serve la clausola !important
19 Febbraio 2015
La dichiarazione !important assegna un valore di precedenza che prevale su tutte le regole. Facciamo un esempio:
p { color: red !important; }
p { color: green; }
Nel precedente esempio la prima regola non verrà sovrascritta poichè utilizza la dichiarazione !important e quindi il colore del testo sarà di colore rosso.
Bisogna stare attenti però a non abusare della clausola perché si potrebbero ottenere effetti indesiderati. Se due proprietà riferite allo stesso elemento hanno priorità !important, verrà assegnata l’ultima inserita nel classico ordine a cascata.
p { color: red !important; }
p { color: green !important; }
Le due regole, come appena detto, hanno la stessa specificità quindi verrà assegnato il colore verde considerando che, nell’ordine a cascata, è l’ultimo inserito.