Kaskadinio stiliaus lapai arba CSS yra nustatyti taip, kad jūs galite turėti daug savybių, kurios veikia tą patį elementą. Kai kurios iš šių savybių gali prieštarauti. Pavyzdžiui, galite nustatyti raudonos spalvos šrifto spalvą pastraipos žyme, o vėliau vėliau nustatyti mėlynos spalvos šrifto spalvą. Kaip naršyklė žino, kokia spalva yra paragrafai? Tai sprendžia kaskados.
Stilius lakštų tipai
Yra trys skirtingų stilių lapų tipai:
- Autoriaus stiliaus lapai
- Tai yra stiliaus lapai, kuriuos sukūrė interneto svetainės autorius. Tai, ką dauguma žmonių galvoja apie CSS stiliaus lapus.
- Naudotojo stiliaus lapai
- Naudotojo stiliaus lapus nustato tinklalapio naudotojas. Tai leidžia vartotojui labiau kontroliuoti, kaip rodomi puslapiai.
- Vartotojo aplanko stiliaus lapai
- Tai yra stiliai, kuriuos žiniatinklio naršyklė taiko puslapiui, kad padėtų rodyti šį puslapį. Pavyzdžiui, XHTML, dauguma vaizdinių naudotojų agentų parodo žymą kaip kursyvų tekstą. Tai apibrėžiama vartotojo agentų stiliaus lape.
Savybės, kurios yra apibrėžtos kiekviename iš aukščiau pateiktų stilių lapų, yra svorio. Pagal numatytuosius nustatymus autoriaus stiliaus lentelė turi didžiausią svorį, po jo - naudotojo stiliaus lape ir, galiausiai, vartotojo agento stiliaus lape. Vienintelė išimtis yra su ! Svarbi taisyklė vartotojo stiliaus lape. Tai turi daugiau svorio nei autoriaus stiliaus lapas.
Kaskadinis užsakymas
Norėdami išspręsti konfliktus, interneto naršyklės naudoja tokią rūšiavimo tvarką, kad nustatytų, kuris stilius turi pirmenybę ir bus naudojamas:
- Pirmiausia ieškokite visų deklaruojamų elementų, susijusių su priskirtu medijos tipu.
- Tada pažiūrėkite, iš kokio stiliaus lapo jis ateina. Kaip nurodyta pirmiau, pirmiausia pateikiami autoriaus stiliaus lapai, tada naudotojas, tada naudotojo agentas. Svarbūs stiliaus elementai, turintys aukštesnę pirmenybę nei autorius!
- Kuo konkretesnis yra pasirinkiklis, tuo didesnis pirmenybė bus. Pavyzdžiui, "div.co p" stiliaus stilius bus didesnis nei tik "p" žymelėje.
- Galiausiai rūšiuoti taisykles pagal jų apibrėžtą tvarką. Taisyklės, kurios vėliau apibrėžtos dokumento medyje, yra aukštesnės nei anksčiau apibrėžtos. Ir taisyklės iš importuotos stiliaus lentelės prieš taisykles yra laikomos tiesiogiai stiliaus lape.