Cascading Style Sheets eller CSS er satt opp slik at du kan ha mange egenskaper som alle påvirker det samme elementet. Noen av disse egenskapene kan være i konflikt med hverandre. Du kan for eksempel angi en skriftfarge på rødt på avsnittetiketten, og deretter angi senere en skriftfarge på blå. Hvordan vet nettleseren hvilken farge du skal gjøre i avsnittene? Dette er bestemt av kaskaden.
Typer stilark
Det finnes tre forskjellige typer stilark:
- Forfatter stilark
- Dette er stilark som er opprettet av forfatteren av nettsiden. De er det de fleste tenker på når de tenker på CSS stilark.
- User Style Sheets
- Bruker stilark er satt av brukeren av nettsiden. Disse tillater brukeren å ha mer kontroll over hvordan sidene vises.
- Brukeragent stilark
- Dette er stiler som nettleseren gjelder for siden for å vise siden. For eksempel viser i XHTML de fleste visuelle brukeragenter taggen som kursiv tekst. Dette er definert i brukeragentens stilark.
Egenskaper som er definert i hvert av de ovennevnte stilarkene, blir gitt en vekt. Som standard har forfatterens stilark den største vekten, etterfulgt av brukerstilarket, og til slutt av brukeragentens stilark. Det eneste unntaket til dette er med den viktige regelen i et brukerstilark. Dette har mer vekt enn forfatterens stilark.
Cascading Order
For å løse konflikter bruker nettlesere følgende sorteringsrekkefølge for å bestemme hvilken stil som har forrang og vil bli brukt:
- Først, se etter alle deklarasjoner som gjelder for elementet i spørsmålet, og for den tildelte medietypen.
- Så se på hvilket stilark det kommer fra. Som ovenfor kommer forfatter stilark først, da bruker, deretter brukeragent. Med viktige brukerstiler som har høyere prioritet enn forfatter! Viktige stiler.
- Jo mer spesifikk en velger er, desto større forrang vil det få. For eksempel vil en stil på "div.co p" ha en høyere prioritet enn en bare på "p" -taggen.
- Til slutt sortere reglene av den rekkefølgen de ble definert. Regler som er definert senere i dokumenttreet, har høyere prioritet enn de som er definert tidligere. Og regler fra et importert stilark vurderes før regler direkte i stilarket.
