Što znači "Cascade" u Cascading Style Sheets?

Kaskadne sheme stila ili CSS postavljene su tako da možete imati mnogo svojstava koja utječu na isti element. Neka od tih svojstava mogu biti u sukobu jedni s drugima. Na primjer, možete postaviti crvenu boju fonta na oznaku odjeljka, a zatim, kasnije, postaviti boju fonta plave boje. Kako preglednik zna koja je boja za izradu odlomaka? To se određuje kaskadom.

Vrste stilskih listova

Postoje tri različite vrste stilskih listova:

  1. Stilovi za stilove autora
    1. To su stilski listovi koje je izradio autor web stranice. To je ono što većina ljudi misli kada razmišljaju o CSS stilu.
  2. Tablice korisničkih stilova
    1. Korisnik web stranice određuje listove korisničkih stilova. To omogućuje korisniku veću kontrolu nad prikazivanjem stranica.
  3. Sheme stila korisnika
    1. To su stilovi na koje se web preglednik odnosi na stranicu kako bi se prikazala ta stranica. Na primjer, u XHTML-u većina vizualnih korisničkih agenata prikazuje oznaku kao kurzivni tekst. To je definirano u stilu stila korisničkog agenta.

Svojstva koja su definirana u svakom od gore navedenih stilskih listova imaju težinu. Prema zadanim postavkama stilski stil autora ima najveću težinu, a iza nje slijedi stilski stil korisnika, a naposljetku i obrazac stila korisničkog agenta. Jedina iznimka od ovog je s važnim pravilom u korisničkom listu. To ima veću težinu od autorskog stila.

Kaskadni red

Da bi riješili sukobe, web preglednici koriste sljedeće redoslijed sortiranja kako bi utvrdili koji stil ima prednost i da će se koristiti:

  1. Najprije potražite sve izjave koje se primjenjuju na dotični element i za dodijeljenu vrstu medija.
  2. Zatim pogledajte koji je stilski stil iz kojeg dolaze. Kao što je gore navedeno, listovi stilova autora dolaze prvi, zatim korisnik, a zatim korisnički agent. Uz važne korisničke stilove koji imaju više prednosti od autora! Važni stilovi.
  3. Što je specifičniji selektor, to će više imati prednost. Na primjer, stil na "div.co p" imat će višu prednost od one samo na oznaku "p".
  4. Konačno, poredajte pravila prema redoslijedu koji su definirani. Pravila koja su definirana kasnije u stablu dokumenta imaju veći prednost od onih definiranih ranije. Pravila iz uvezenog stilskog lista smatraju se pravilima izravno u listi stila.