#1 !important
CSS funkce !important slouží k zdůraznění důležitosti dané vlastnosti; vlastnost s !important vždy přepíše všechny ostatní relativní vlastnosti daného prvku.
Jedním z mála použití funkce !important je, pokud potřebujeme nutně stylovat prvek daným způsobem a hrozí riziko, že by do stylizace mohl zasáhnout jiný prvek – použijeme !important. Funkce se však často nepoužívá, neboť přepisuje všechny styly a kaskádové styly se tak často stávají nepřehlednými.
#2 Jak funguje
V následujícím příkladu se nachází HTML a tři styly:
<p>Barevný nadpis</p>
<p id="modra">Barevný nadpis</p>
<p class="zelena">Barevný nadpis</p>
#modra {
color: blue;
}
.zelena {
color: green;
}
p {
color: yellow;
}
Tento příklad se zobrazí jako tři odstavce textu, z nichž první bude mít žluté písmo, druhý modré a třetí zelené. I přes to, že je nastylován přímo prvek <p>, identifikátor id a třída class mají přednost a každý prvek proto bude mít jinou barvu.
Pokud změníme předchozí vlastnost pro prvek <p> na…
p {
color: yellow !important;
}
…najednou budou mít všechny prvky, nehledě zda mají specifikované id nebo class, žluté písmo, jelikož funkce !important je přepíše.