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 pasūtījums tiek piemērots, izmantojot atlasītājus ( p iepriekš minētajā 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
- Atzīmējiet izvēles rūtiņas stilu tabulā
!svarīgsun piemērot 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.classir specifiskāka parp.klaseskas ir konkrētāki parp. - Visbeidzot, ja uz vienu un to pašu elementu attiecas divi noteikumi un tie ir tādi paši selektoru prioritātes, kā tas, kas tika ielādēts Pēdējais tiks piemēroti. 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 jūs interesē vairāk uzzināt vairāk par to, kā darbojas kaskāde, jums vajadzētu izlasīt Kas ir "Kaskāde" kaskādes stilu lapās ?.
