Kaj pomeni "Cascade" v Cascading Style Sheets?

Cascading Style Sheets ali CSS so nastavljeni tako, da imate lahko veliko lastnosti, ki vplivajo na isti element. Nekatere od teh lastnosti lahko nasprotujejo med seboj. Na primer, lahko nastavite barvo pisave rdeče na oznaki odstavka in nato pozneje nastavite barvo pisave modre barve. Kako brskalnik pozna, katere barve naj naredijo odstavki? To odloča kaskada.

Vrste slogovnih listov

Obstajajo tri različne vrste slogovnih listov:

  1. Listi slogov avtorja
    1. To so slogovi, ki jih je ustvaril avtor spletne strani. To je tisto, kar večina ljudi misli, ko razmišljajo o slogovnih listih CSS.
  2. Uporabniški listi
    1. Uporabniške spletne strani nastavi uporabniške liste. To omogoča uporabniku več nadzora nad tem, kako se strani prikažejo.
  3. Listi slogov uporabnikovega agenta
    1. To so slogi, ki jih spletni brskalnik uporabi za prikaz strani. Na primer, v XHTML-u večina vizualnih uporabniških agenti prikaže oznako kot italizirano besedilo. To je definirano v slogu stanja uporabnika.

Lastnosti, ki so določene v vsakem od zgornjih listov slogov, so podane. Privzeto ima največji utežni slog avtorja, ki mu sledi uporabniški slogovni list in nazadnje slog stanja uporabnika. Edina izjema od tega je s pomembno pravilo v uporabniškem slogu. To ima večjo težo kot avtorjev slogovni list.

Kaskadni red

Za reševanje konfliktov uporabljajo spletni brskalniki naslednji vrstni red razvrščanja, da določijo, kateri slog ima prednost in bo uporabljen:

  1. Najprej poiščite vse izjave, ki veljajo za zadevni element, in za dodeljeno vrsto medija.
  2. Potem si oglejte, s kakšno slogovno sliko je. Kot zgoraj, prejmejo slogovi avtorskih slogov, nato uporabnik, nato uporabniški agent. Značilnost pomembnih slogov, ki imajo višje prednost kot pomembni slogi avtorja!
  3. Bolj specifičen je selektor, večja prednost bo. Na primer, slog na "div.co p" bo imel višjo prednost kot en samo na oznaki "p".
  4. Končno razvrstite pravila po vrstnem redu, ki so ga določili. Pravila, ki so določena kasneje v drevesu dokumentov, imajo prednost pred tistimi, ki so bile predhodno določene. Pravila iz uvoženega slognega lista se upoštevajo pred pravilom neposredno v slogovnem listu.