Kaskádové štýly alebo CSS sú nastavené tak, aby ste mohli mať mnoho vlastností, ktoré majú vplyv na ten istý prvok. Niektoré z týchto vlastností môžu byť navzájom v rozpore. Môžete napríklad nastaviť červenú farbu písma na značku odseku a potom neskôr nastaviť farbu písma modrej farby. Ako prehliadač vie, akú farbu urobí odseky? O tom rozhoduje kaskáda.
Typy štýlov
Existujú tri rôzne typy štýlov:
- Šablóny štýlov autorov
- Sú to štýly vytvorené autorom webovej stránky. Oni sú to, čo väčšina ľudí myslia, keď si myslia o CSS štýly listov.
- Šablóny štýlov používateľa
- Šablóny štýlov používateľa nastavuje používateľ webovej stránky. Tieto umožňujú používateľovi mať väčšiu kontrolu nad zobrazením stránok.
- Šablóny štýlov agentu používateľa
- Ide o štýly, ktoré webový prehliadač aplikuje na stránku, ktorá vám pomôže zobraziť túto stránku. Napríklad v XHTML väčšina vizuálnych používateľských agentov zobrazuje značku ako text so zvýrazneným textom. Toto je definované v štýle šablóny používateľa.
Vlastnosti, ktoré sú definované v každom z vyššie uvedených šablón štýlov, majú váhu. Štandardne má štýl štýlu autorov najvyššiu váhu, za ním nasleduje štýl štýlu používateľa a nakoniec aj štýl štýlu používateľského agenta. Jedinou výnimkou je dôležité pravidlo v hárku štýlov používateľa. Toto má väčšiu váhu ako autorov štýl.
Kaskádová objednávka
Ak chcete vyriešiť konflikty, webové prehliadače použijú nasledujúcu poradie triedenia na určenie, ktorý štýl má prednosť a bude použitý:
- Najskôr vyhľadajte všetky deklarácie, ktoré sa vzťahujú na daný prvok, a na priradený typ média.
- Potom sa pozrite na to, z čoho štýlový list pochádza. Ako je uvedené vyššie, štýly autorov prichádzajú prvý, potom používateľ, potom užívateľský agent. S dôležitými štýlmi používateľov s vyššou prioritou než dôležitými štýlmi autorov!
- Čím presnejší je selektor, tým viac má prednosť. Napríklad štýl na "div.co p" bude mať vyššiu prioritu ako jeden na značke "p".
- Nakoniec zoradiť pravidlá podľa poradia, ktoré boli definované. Pravidlá definované neskôr v strome dokumentov majú vyššiu prioritu než tie, ktoré boli definované skôr. Pravidlá z importovaného štýlu sa berú do úvahy pred pravidlami priamo v štýle.