Šta znači "Cascade" u Cascading Style Sheet-ovi?

Cascading Style Sheets ili CSS su podešeni tako da možete imati mnoge osobine koje utiču na isti element. Neke od tih osobina mogu se suprotstaviti jedni s drugima. Na primjer, možete postaviti crvenu oznaku crvene oznake pasusa, a zatim, kasnije, postaviti boju fonta plave boje. Kako pretraživač zna koju boju napraviti paragraf? Ovo odlučuje kaskada.

Vrste stilskih listova

Postoje tri različite vrste stilskih listova:

  1. Author Style Sheets
    1. Ovo su stilski listovi kreirani od strane autora Web stranice. To su ono o čemu većina ljudi razmišlja kada razmišljaju o CSS stilskim listovima.
  2. User Style Sheets
    1. Korisnički listovi korisnika postavlja korisnik Web stranice. Ovo omogućava korisniku više kontrole nad prikazivanjem stranica.
  3. Korisnički stil listova korisnika
    1. Ovo su stilovi koje web pretraživač primenjuje na stranici kako bi prikazala tu stranicu. Na primjer, u XHTML-u, većina vizuelnih korisničkih agenata prikazuje oznaku kao kurzivni tekst. Ovo je definirano u listi stilova korisnika.

Svojstva koja su definisana u svakom od gore navedenih stilova daju težinu. Po podrazumevanoj vrednosti, autorski stil list ima najviše težine, a zatim slijedi korisnički stilski list i, na kraju, list stila korisničkog agenta. Jedini izuzetak u ovom slučaju jeste važno pravilo u korisničkom stilu. Ovo ima veću težinu nego autorski stilski list.

Order Cascading

Da bi riješili konflikte, Web preglednici koriste sljedeće redosled sortiranja da bi utvrdili koji stil ima prednost i koji će se koristiti:

  1. Prvo, potražite sve deklaracije koje se odnose na predmetni element i za dodeljeni tip medija.
  2. Onda pogledajte na koji list stila dolazi. Kao i prethodno, prvi listi autora stižu, a zatim korisnik, a zatim korisnikski agent. Sa važnim korisničkim stilovima koji imaju veći prioritet od autora! Važnih stilova.
  3. Što je konkretniji selektor, to će imati veći prioritet. Na primjer, stil na "div.co p" će imati viši prioritet od jednog samo na oznaci "p".
  4. Konačno, sortirajte pravila po redosledu koji su definisani. Pravila koja su kasnije definisana u stablu dokumenta imaju veći prioritet od prethodno definisanih. I pravila iz uvezenog stila se razmatraju pre pravila direktno u stilu.