Kaskaden er det som gjør CSS stilark så nyttige. Kort sagt, definerer kaskaden rekkefølgen for forrang for hvordan motstridende stiler skal brukes. Med andre ord, hvis du har to stiler:
p {farge: rød; }p {farge: blå; }
Kaskaden bestemmer hvilken farge avsnittene skal være, selv om stilarket sier at de skal være både røde og blå. Til slutt kan bare en farge brukes på avsnitt, så det må være en ordre. Og denne ordren blir brukt av hvilke selektorer (den p i eksempelet ovenfor) har høyest forrang og hvilken rekkefølge de vises i dokumentet.
Følgende liste er en forenkling av hvordan nettleseren din bestemmer forrang for en stil:
- Se i stilarket for en velger som passer til elementet. Hvis det ikke er noen definerte stiler, bruk standardinnstillingene i nettleseren
- Se i stilarket for selgere merket
!viktigog bruk dem til de aktuelle elementene. - Alle stiler i stilarket vil overstyre standardleserstiler (unntatt når det gjelder brukerstilark).
- Jo mer spesifikk stilvelgeren, desto høyere prioritet vil den ha. For eksempel,
div> p.classer mer spesifikk ennp.classsom er mer spesifikk ennp. - Til slutt, hvis to regler gjelder for det samme elementet og har den samme velgerens forrang, den som ble lastet siste vil bli brukt. Med andre ord leses stilarket fra topp til bunn, og stiler brukes over hverandre.
Basert på disse reglene, i eksemplet ovenfor, vil avsnittene bli skrevet i blått, fordi p {farge: blå; } kommer sist i stilarket.
Dette er en veldig forenklet forklaring på kaskaden. Hvis du er interessert i å lære mer om hvordan kaskaden fungerer, bør du lese Hva betyr "Cascade" i Cascading Style Sheets ?.
