CSS īss kurss
Kaskāde padara CSS stila lapas tik noderīgu. Īsāk sakot, kaskāde definē prioritātes secību par to, kā jāpiemēro konfliktējošie stili. Citiem vārdiem sakot, ja jums ir divi stili:
p {krāsa: sarkana; }
p {krāsa: zila; }
Kaskāde nosaka, kura krāsa ir punktiem, lai gan stilu tabulā teikts, ka tiem jābūt gan sarkaniem, gan ziliem. Visbeidzot, rindkopai var piemērot tikai vienu krāsu, tādēļ ir jābūt rīkojumam.
Un šis rīkojums tiek piemērots, ar kuru atlasītāju (p iepriekšējā piemērā) ir visaugstākā prioritāte un kādā secībā tie parādās dokumentā.
Šis saraksts ir vienkāršots, kā jūsu pārlūkprogramma izvēlas stilu:
- Atrodiet atlases elementu, kas atbilst elementa stilam. Ja nav definētu stilu, pārlūkprogrammā izmantojiet noklusējuma iestatījumus
- Meklējiet stila lapas atlasītājiem, kas atzīmēti kā "svarīgi", un izmantojiet tos atbilstošajiem elementiem.
- Visi stila lapas stili ignorē noklusējuma pārlūka stilus (izņemot lietotāja stilu lapas).
- Jo precīzāks ir stilu atlasītājs, jo augstāka būs tā prioritāte. Piemēram, div> p.class ir specifiskāks nekā p.class, kas ir specifiskāks par p.
- Visbeidzot, ja uz vienu un to pašu elementu attiecas divi noteikumi un tiem ir tāds pats atlases prioritāte, tiks piemērots pēdējais ielādētais. Citiem vārdiem sakot, stilu lapa tiek lasīta no augšas uz leju, un stili tiek pielietoti viens otram.
Pamatojoties uz šiem noteikumiem, iepriekš minētajā piemērā punkti būtu rakstīti zilā krāsā, jo p {krāsa: zila; } ir pēdējais stilu lapā.
Tas ir ļoti vienkāršots paskaidrojums par kaskādi. Ja vēlaties uzzināt vairāk par to, kā darbojas kaskāde, jums vajadzētu izlasīt Kas ir "Cascade" Kaskādes stilu lapās? .