Kaskadijärjestys

CSS1:ssä määritelty kaskadijärjestys (cascading order):

1. !important voittaa muut
2. tekijä voittaa käyttäjän; CSS2:ssa kuitenkin toisinpäin, jos !important; molemmat voittavat selaimen oletusarvot
3. spesifisempi voittaa (esim. UL LI on spesifisempi kuin LI), eli erikoistapaus voittaa yleisemmän säännön
4. järjestyksessä jälkimmäinen voittaa; tämän takia voi esim. ensin ottaa käyttöön firman yleisen tyylisäännöstön ja sitten omia muunnelmia.

Jos samaa ominaisuutta voi koskea sekä tyylisäännöstö että HTML-merkintä (esim. align-määrite), niin periaatteessa tyylisäännöstön pitäisi voittaa. Käytännössä usein sekamelska.

Kaskadi on ominaisuuskohtainen. Esimerkki:

<style><!--
BODY {background : #FFFFFF; }
P { background : #CCFFCC; color : #000000;}
P.warning { color : #FF0000; }
--></style>
<p>Tavallinen kappale.</p>
<p class="warning"><strong>Varoitus:
CSS:n käyttö voi vaarantaa mielenterveytesi.
</strong></p>

Tällöin P.warning "voittaa" P:n mutta vain color-ominaisuuden osalta.

Viimeisimmän päivityksen ajankohta: 1999-03-11