Kaskáda je to, čo robí štýly CSS tak užitočné. Stručne povedané, kaskáda určuje poradie priority, ako by sa mali použiť konfliktné štýly. Inými slovami, ak máte dva štýly:
p {farba: červená; }p {farba: modrá; }
Kaskáda určuje, akú farbu by mali byť odstavce, aj keď štýl štýlu uvádza, že by mali byť červené aj modré. V konečnom dôsledku je možné použiť iba jednu farbu na odseky, takže musí byť objednávka. A toto poradie sa aplikuje pomocou ktorých voličov ( p vo vyššie uvedenom príklade) majú najvyššiu prioritu a poradie, ktoré sa v dokumente objavujú.
Nasledujúci zoznam je zjednodušenie toho, ako váš prehliadač rozhodne o prednosti štýlu:
- Pozrite sa do štýlu šablón pre výberový prvok zodpovedajúci prvku. Ak nie sú definované štýly, použite predvolené pravidlá v prehliadači
- Pozrite sa do zoznamu štýlov označených voličov
! dôležitéa aplikovať ich na príslušné prvky. - Všetky štýly v štýle štýlov prepíšu predvolené štýly prehliadača (s výnimkou hárkov štýlov používateľov).
- Čím je výber štýlu konkrétnejší, tým vyššia je jeho priorita. Napríklad,
div> p.classje presnejšia akop.classktorá je konkrétnejšia akop. - Napokon, ak dve pravidlá platia pre ten istý prvok a majú rovnaký prednost, ten, ktorý bol načítaný posledná budú použité. Inými slovami, štýl štýlu sa číta zhora nadol a štýly sa nanášajú navzájom nad sebou.
Na základe týchto pravidiel by v predchádzajúcom príklade boli odstavce zapísané modrou farbou, pretože p {farba: modrá; } prichádza naposledy v štýle štýlov.
Toto je veľmi zjednodušené vysvetlenie kaskády. Ak máte záujem dozvedieť sa viac o tom, ako funguje kaskáda, mali by ste si prečítať Čo znamená "Cascade" v kaskádových štýloch ?.
