CSS kratki tečaj
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.
I ova se narudžba primjenjuje pomoću kojih odabiri (p u gore navedenom primjeru) imaju najveći prioritet i koji redoslijed 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 označene selektore! Važno i primijenite ih 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.class je specifičniji od p.class koji je specifičniji od p.
- Konačno, ako se dva pravila primjenjuju na isti element i imaju isti prioritet odabira, primijenit će se zadnja učitana stavka. Drugim riječima, list stila se čita od vrha do dna, a stilovi se primjenjuju jedan iznad drugoga.
Na temelju tih pravila, u gore navedenom primjeru, odlomci bi bili napisani plavim, jer su p {color: blue; } posljednji put dolazi u list stilu.
Ovo je vrlo pojednostavljeno objašnjenje kaskade. Ako ste zainteresirani za više informacija o tome kako kaskada funkcionira, trebali biste pročitati Što znači "kaskada" u Cascading Style Sheets? ,