Kaskaden er, hvad der gør CSS stilark så nyttige. Kort sagt definerer kaskaden prædisternes rækkefølge for, hvordan modstridende stilarter skal anvendes. Med andre ord, hvis du har to stilarter:
p {farve: rød; }p {farve: blå; }
Kaskaden bestemmer hvilken farve afsnittene skal være, selvom stilarket angiver, at de skal være både røde og blå. I sidste ende kun en farve kan anvendes på afsnit, så der skal være en ordre. Og denne ordre anvendes af hvilke selektorer (the p i ovenstående eksempel) har den højeste prioritet og hvilken rækkefølge de vises i dokumentet.
Den følgende liste er en forenkling af, hvordan din browser bestemmer forrang for en stil:
- Se i stilarket for en vælger, der matcher elementet. Hvis der ikke er definerede stilarter, skal du bruge standardreglerne i browseren
- Se i stilarket for markører markeret
!vigtigog anvend dem til de relevante elementer. - Alle stilarter i stilarket tilsidesætter standard browser-stilarter (undtagen i tilfælde af brugerformatark).
- Jo mere specifikke stilvælgeren er, desto højere er den prioritet, den vil have. For eksempel,
div> p.classer mere specifik endp.classhvilket er mere specifikt endp. - Endelig, hvis to regler gælder for det samme element og har den samme vælger forrang, den ene, der blev indlæst sidst vil blive anvendt. Med andre ord læses stilarket fra top til bund, og stilarter anvendes oven på hinanden.
På baggrund af disse regler vil i ovenstående eksempel blive skrevet i blå, fordi p {farve: blå; } kommer sidst i stilarket.
Dette er en meget forenklet forklaring på kaskaden. Hvis du er interesseret i at lære mere om, hvordan kaskaden fungerer, skal du læse Hvad betyder "Cascade" i Cascading Style Sheets ?.
