Kaskada je ono što čini CSS stilove tako korisnim. Ukratko, kaskada definira redoslijed prednosti kako bi se trebali primijeniti stilovi sukobljavanja. Drugim riječima, ako imate dva načina:
p {boja: crvena; }p {boja: plava; }
Kaskada određuje koja boja stavke treba biti, iako stilski list navodi da bi trebali biti crvene i plave boje. U konačnici, samo jedna boja može se primijeniti na stavke, pa mora postojati narudžba. A ova se narudžba primjenjuje pomoću kojih se selektori ( p u gore navedenom primjeru) imaju najveću prednost i redoslijed koji se pojavljuju u dokumentu.
Sljedeći je popis pojednostavljenje načina na koji vaš preglednik odluči za stilski prioritet:
- Pogledajte list stila za odabir koji odgovara elementu. Ako nema definiranih stilova, upotrijebite zadana pravila u pregledniku
- Pogledajte stilski list za odabrane selektore
!važnoi primijeniti one na odgovarajuće elemente. - Svi stilovi u listi stila poništavaju zadane stilove preglednika (osim u slučaju korisničkih stilskih listova).
- Što je specifičniji izbornik stilova, to je veći prioritet koji će imati. Na primjer,
div> p.classje više specifičan negop.classšto je specifičnije odp. - Konačno, ako se dva pravila primjenjuju na isti element i imaju isti prioritet odabira, onaj koji je učitan posljednji će se primijeniti. Drugim riječima, list stila se čita od vrha do dna, a stilovi se primjenjuju jedan iznad drugoga.
Na temelju tih pravila, u gornjem primjeru, odlomci bi bili napisani plavim, jer p {boja: plava; } posljednji put dolazi u list stilu.
Ovo je vrlo pojednostavljeno objašnjenje kaskade. Ako ste zainteresirani za više informacija o tome kako kaskada radi, trebali biste pročitati Što znači "kaskada" u Cascading Style Sheets ?.
