Cascading Style Sheets eller CSS er oprettet, så du kan have mange egenskaber, der alle påvirker det samme element. Nogle af disse egenskaber kan være i konflikt med hinanden. Du kan for eksempel angive en skrifttypefarve på rødt på afsnitstegnet, og derefter angive senere en skriftfarve på blå. Hvordan kan browseren vide hvilken farve der skal laves i afsnitene? Dette afgøres af kaskaden.
Typer af stilark
Der er tre forskellige typer stilark:
- Forfatter stilark
- Disse er stilark oprettet af forfatteren af websiden. De er, hvad de fleste mennesker tænker på, når de tænker på CSS stilark.
- Bruger stilark
- Bruger stilark er angivet af brugeren af websiden. Disse giver brugeren mulighed for at få mere kontrol over, hvordan siderne vises.
- Brugeragent stilark
- Disse er stilarter, som browseren finder anvendelse på siden for at hjælpe med at vise den pågældende side. For eksempel viser XHTML de fleste visuelle brugeragenter tagget som kursiv tekst. Dette er defineret i stilen til brugeragent.
Egenskaber, der er defineret i hver af de ovennævnte stilark, er givet en vægt. Som standard har forfatterens stilark den største vægt, efterfulgt af brugerformatarket og endelig af brugeragentens stilark. Den eneste undtagelse herfra er med den vigtige regel i et brugerformatark. Dette har mere vægt end forfatterens stilark.
Cascading Order
For at løse konflikter bruger webbrowsere følgende sorteringsrækkefølge for at bestemme hvilken stil der har forrang og vil blive brugt:
- Først skal du kigge efter alle deklarationer, der gælder for det pågældende element og for den tildelte medietype.
- Så kig på, hvilken stilark den kommer fra. Som ovenfor kommer forfatter stilark først, derefter bruger, derefter brugeragent. Med! Vigtige brugerstile har højere prioritet end forfatter! Vigtige stilarter.
- Jo mere specifik en vælger er, desto større prioritet får den. For eksempel vil en stil på "div.co p" have en højere prioritet end en lige på "p" -taggen.
- Til sidst sortere reglerne i den rækkefølge, de blev defineret. Regler, der er defineret senere i dokumenttræet, har højere prioritet end tidligere defineret. Og regler fra et importeret stilark overvejes før regler direkte i stilarket.
