Šta znači termin 'kaskad' u CSS-u?

Cascade u CSS određuje koji od sukobljenih stilova treba primeniti na element. Osnovan je na tri glavna kriterijuma:

1. Važnost: Stilovi sa !important imaju najviši prioritet.
2. Specifičnost: Specifičniji selektori prepisuju manje specifične. Specifičnost se računa na osnovu broja ID-ova, klasa/pseudo-klasa/atribut selektora i tagova/pseudo-elemata u selektoru.
3. Redosled u izvornom kodu: Ako su važnost i specifičnost iste, primenjuje se pravilo koje je poslednje deklarisano.

Pored ova tri, uzimaju se u obzir i drugi faktori:

• Izvor stila: Stilovi korisnika (u podešavanjima pregledača), stilovi autora (spoljni i unutrašnji stilovi, inline stilovi), podrazumevani stilovi pregledača.
• Nasleđivanje: Neke osobine se nasleđuju od roditeljskih elemenata na decu.

Primer specifičnosti:

/* Specifičnost: 0-1-0 */
.moja-klasa {
  boja: plava;
}

/* Specifičnost: 1-0-0 */
#moj-id {
  boja: crvena;
}

U ovom slučaju, element sa ID moj-id i klasom moja-klasa će imati crvenu boju teksta, jer ID #moj-id ima veću specifičnost od .moja-klasa.