Kaskada je tisto, kar naredi CSS slogovne liste tako koristne. Skratka, kaskada definira vrstni red prednost, kako naj se uporabijo nasprotujoči si slogi. Z drugimi besedami, če imate dva načina:
p {barva: rdeča; }p {barva: modra; }
Kaskada določa barvo, v kateri naj bodo odstavki, čeprav v slogovnem listu navajajo, da morajo biti rdeče in modre. Na koncu se lahko uporabi samo ena barva za odstavke, zato mora biti naročilo. In to naročilo se uporablja, s katerimi selektorji ( str v zgornjem primeru) imajo najvišjo prednost in kateri vrstni red se pojavijo v dokumentu.
Naslednji seznam je poenostavitev, kako vaš brskalnik odloča za prednost sloga:
- Poglejte slogovni list izbirnika, ki ustreza elementu. Če ni določenih stilov, uporabite privzeta pravila v brskalniku
- Poglejte slogovni list za označene selektorje
Pomembnoin jih uporabite za ustrezne elemente. - Vsi slogi v slogovnem listu bodo preglasili privzete sloge brskalnikov (razen v primeru slogov uporabniških slogov).
- Bolj specifičen je izbirnik sloga, tem večje bo prednost. Na primer,
div> p.classbolj specifična kotp.classki je bolj specifičen kotstr. - Končno, če sta za isti element veljata dve pravili in imata enako prednost pred selektorjem, ki je bila naložena zadnji bodo uporabljeni. Z drugimi besedami, slogovni ploat se bere od vrha do dna, slogi pa se nanesejo drug na drugega.
Na podlagi teh pravil, v zgornjem primeru, bi bili odstavki napisani modro, ker p {barva: modra; } zadnje na slogu.
To je zelo poenostavljena razlaga kaskade. Če vas zanima več o tem, kako deluje kaskada, morate prebrati, kaj pomeni "Cascade" v Cascading Style Sheets ?.
