Cascading Style Sheets või CSS on seadistatud nii, et teil võib olla palju omadusi, mis kõik mõjutavad sama elementi. Mõned neist omadustest võivad üksteisega vastuolus olla. Näiteks võite määrata lõiketeksti punase fontvärvi ja seejärel määrata sinise värvi font. Kuidas brauser teab, mis värvi lõigud teha? Seda otsustab kaskaad.
Stiililehtede tüübid
Stiililehed on erinevad:
- Autor Style Sheets
- Need on veebilehe autorile loodud stiililehed. Need on need, mida enamik inimesi mõtleb CSS-i stiililehtede arvates.
- Kasutaja stiililehed
- Kasutaja stiililehed määrab veebisaidi kasutaja. Need võimaldavad kasutajal paremini kontrollida lehtede kuvamist.
- Kasutaja agendi stiililehed
- Need on stiilid, mida veebibrauser lehel selle lehe kuvamiseks aitab. Näiteks XHTML-is näevad enamik visuaalseid kasutajaagreid silti pealiskaudse tekstiga. See on määratletud kasutaja agendi stiilil.
Kõigil eespool nimetatud stiililehtedel määratletud omadused antakse kaalule. Vaikimisi on kõige rohkem autori stiilileht, millele järgneb kasutaja stiilileht ja lõpuks kasutajaagendi stiilileht. Ainsaks erandiks on see, et kasutajaliideses on oluline! See on kaalukam kui autorite laadileht.
Cascading Order
Konfliktide lahendamiseks kasutavad veebibrauserid järgmist sortimisjärjekorda, et määrata, milline stiil on eelisjärjekorras ja mida kasutatakse:
- Kõigepealt uurige kõiki asjaomase elemendi ja määratud meediumitüübi suhtes kehtivaid deklaratsioone.
- Seejärel vaadake, millise stiililehe see on pärit. Nagu ülaltoodud, tulevad esmalt autori laadilehed, seejärel kasutaja, seejärel kasutajaagent. Olulistele kasutaja stiilidele, millel on kõrgem tähtsus kui autor! Olulised stiilid.
- Mida täpsem on valija, seda suurem on see eelisõigus. Näiteks "div.co p" stiilil on kõrgem prioriteet kui üks "p" -märgil.
- Lõpuks sorteerige reeglid nende määratud järjekorras. Reeglid, mis on dokumendipuust hiljem määratletud, on eelisjärjekorras kõrgemad kui varem määratletud. Ja imporditud stiililehe reegleid peetakse enne reeglite otsimist stiililehte.