Ang Cascading Style Sheets o CSS ay naka-set up upang maaari kang magkaroon ng maraming mga katangian na nakakaapekto sa parehong elemento. Ang ilan sa mga pag-aari na iyon ay maaaring magkasalungat sa isa't isa. Halimbawa, maaari kang magtakda ng isang kulay ng font na pula sa tag na talata at pagkatapos, sa paglaon, magtakda ng kulay ng asul na font. Paano nalalaman ng browser kung aling kulay ang dapat gawin sa mga talata? Ito ay pinasiyahan ng cascade.
Mga Uri ng Mga Estilo ng Sheet
May tatlong magkakaibang uri ng estilo ng sheet:
- Mga Estilo ng Mga May-akda
- Ang mga ito ay mga style sheet na nilikha ng may-akda ng Web page. Ang mga ito ang iniisip ng karamihan sa mga tao kapag iniisip nila ang mga estilo ng CSS style.
- Mga Sheet ng Estilo ng User
- Ang mga style style sheet ay itinakda ng user ng Web page. Ang mga ito ay nagpapahintulot sa gumagamit na magkaroon ng higit na kontrol sa kung paano ipinapakita ang mga pahina.
- Mga Estilo ng Mga Ahente ng User
- Ang mga ito ay mga estilo na naaangkop sa Web browser sa pahina upang makatulong sa pagpapakita ng pahinang iyon. Halimbawa, sa XHTML, pinapakita ng karamihan sa mga visual na ahente ng gumagamit ang tag bilang italicized na teksto. Ito ay tinukoy sa sheet ng estilo ng user agent.
Ang mga katangian na tinukoy sa bawat isa sa mga style sheet sa itaas ay binibigyan ng timbang. Sa pamamagitan ng default, ang estilo ng may-akda sheet ay ang pinaka-timbang, na sinusundan ng estilo ng gumagamit sheet, at sa wakas sa pamamagitan ng style ng user agent sheet. Ang tanging pagbubukod dito ay ang mahalagang tuntunin sa isang style sheet ng gumagamit. Ito ay may mas timbang kaysa sa style sheet ng may-akda.
Cascading Order
Upang malutas ang mga kontrahan, gagamitin ng mga Web browser ang sumusunod na pag-uuri upang matukoy kung aling estilo ang may pangunahan at gagamitin:
- Una, hanapin ang lahat ng mga deklarasyon na nalalapat sa sangkap na pinag-uusapan, at para sa nakatalagang uri ng media.
- Pagkatapos ay tingnan kung ano ang style sheet na ito ay nagmumula. Tulad ng nasa itaas, ang mga style style sheets ay unang dumating, pagkatapos ng user, pagkatapos ng user agent. May mga mahahalagang estilo ng gumagamit na may mas mataas na precedence kaysa sa mga mahuhusay na estilo ng may-akda.
- Ang mas tiyak na isang tagapili ay, mas higit pang nauna ito. Halimbawa, ang isang estilo sa "div.co p" ay magkakaroon ng mas mataas na presensya kaysa sa isa lamang sa tag na "p".
- Panghuli, pag-uri-uriin ang mga patakaran ayon sa pagkakasunud-sunod na tinukoy. Ang mga tuntunin na tinukoy sa huli sa puno ng dokumento ay may mas mataas na kahalagahan kaysa sa mga tinukoy na mas maaga. At ang mga panuntunan mula sa isang naka-import na estilo ng sheet ay isinasaalang-alang bago direktang mga panuntunan sa style sheet.