Kaskáda
Dvě pravidla mohou nastavit stejnou vlastnost stejnému prvku. Prohlížeč pak musí rozhodnout, kterou deklaraci použije. Tomuto rozhodování se říká kaskáda a CSS podle ní dostalo jméno: Cascading Style Sheets, kaskádové styly.
Kaskáda bere v úvahu několik věcí. Nejjednodušší z nich je pořadí: když mají dvě pravidla stejný selektor, vyhraje to, které je v souboru se styly napsané později.
p {
color: green;
}
p {
color: purple;
}Odstavce budou fialové, protože druhé pravidlo je napsané později. Deklarace, které si neodporují, platí všechny: kdyby první pravidlo obsahovalo ještě text-align: center, odstavce by byly fialové a zarovnané na střed.
Když vám nějaké pravidlo „nefunguje“, podívejte se nejdřív, jestli ho nepřepisuje jiné pravidlo napsané později.
Jak psát:
"
{
}
#
Pokyny
Na úplný začátek souboru style.css, nad všechna ostatní pravidla, napište pravidlo pro h2, které nastaví color: darkolivegreen (tmavě olivově zelená). Klikněte na Spustit: nadpisy zůstanou červenohnědé! Pravidlo pro h2 níže v souboru nastavuje color také, a protože je napsané později, vyhrává.
Opravte to, aby byly nadpisy zelené: smažte původní pravidlo pro h2 s deklarací color: sienna, které je níže v souboru.
Začněte programovat zdarma
12/15