CSS kratak kurs
Kaskada je ono što čini CSS stil liste tako korisnim. Ukratko, kaskada definira redosled prioriteta za primenu konfliktnih stilova. Drugim rečima, ako imate dva stila:
p {boja: crvena; }
p {boja: plava; }
Kaskada određuje koja boja treba da bude u paragrafima, iako stilski list navodi da bi trebalo da budu i crvena i plava. Na kraju, samo jedna boja se može primijeniti u paragrafima, tako da mora biti naređenje.
I ova naredba se primjenjuje kojim se selektori (p u gore navedenom primeru) imaju najviši prioritet i koji red se pojavljuju u dokumentu.
Sledeća lista predstavlja pojednostavljenje načina na koji vaš pretraživač odlučuje za stil za stil:
- Pogledajte listu stilova za selektora koji odgovaraju elementu. Ako ne postoje definisani stilovi, onda koristite podrazumevana pravila u pregledaču
- Pogledajte listu stilova za selektore označene! Važne i primenite ih na odgovarajuće elemente.
- Svi stilovi u stilu će prevladati standardnim stilovima pretraživača (osim u slučaju listova stilova za korisnike).
- Što je konkretniji selektor stila, to je veći prioritet koji će imati. Na primjer, div> p.class je specifičniji od p.class-a koji je specifičniji od p.
- Konačno, ako se dva pravila odnose na isti element i imaju isti prioritet selektora, primjenjuje se onaj koji je bio zadnji . Drugim rečima, stilski stil se čita od vrha do dna, a stilovi se primenjuju jedan na drugi.
Na osnovu ovih pravila, u prethodnom primeru, paragrafi bi bili napisani plavom bojom, jer p {color: blue; } dolazi poslednji u listu stilova.
Ovo je vrlo pojednostavljeno objašnjenje kaskade. Ako ste zainteresovani da saznate više o tome kako kaskada radi, trebalo bi da pročitate Šta znači "Cascade" u Cascading Style Sheets-u? .