Significa essenzialmente ciò che dice; che "questo è importante, ignora le regole successive e qualsiasi normale problema di specificità, applica questa regola!"
Nell'uso normale una regola definita in un foglio di stile esterno viene sovrascritta da uno stile definito nel headdocumento, che a sua volta viene sovrascritto da uno stile in linea all'interno dell'elemento stesso (assumendo la stessa specificità dei selettori). La definizione di una regola con l' !importantattributo "attributo" (?) Elimina le normali preoccupazioni per quanto riguarda la regola "successiva" che ha la precedenza su quelle "precedenti".
Inoltre, normalmente, una regola più specifica avrà la precedenza su una regola meno specifica. Così:
a {
/* css */
}
Viene normalmente annullato da:
body div #elementID ul li a {
/* css */
}
Poiché quest'ultimo selettore è più specifico (e normalmente non importa dove si trova il selettore più specifico (nel headfoglio di stile esterno o) sostituirà comunque il selettore meno specifico (gli attributi di stile in linea rimarranno sempre sovrascrive il selettore "più-" o "meno", in quanto è sempre più specifico.
Se, tuttavia, si aggiunge !importantalla dichiarazione CSS del selettore meno specifico, avrà priorità.
Usare !importantha i suoi scopi (anche se faccio fatica a pensarli), ma è molto come usare un'esplosione nucleare per fermare le volpi che uccidono i tuoi polli; sì, le volpi saranno uccise, ma anche i polli. E il quartiere.
Inoltre rende il debug dei CSS un incubo (per esperienza personale, empirica,).