Tgħallem X'inhi l-Cascade fl-Folji tal-Folji tal-Cascading Style

Kors Qosor CSS

Il-kaskata hija dak li tagħmel il- folji tal-istil CSS daqstant utli. Fil-qosor, il-kaskata tiddefinixxi l-ordni ta 'preċedenza għal kif għandhom jiġu applikati stili konfliġġenti. Fi kliem ieħor, jekk għandek żewġ stili:

p {kulur: aħmar; }
p {kulur: blu; }

Il-kaskata tiddetermina liema kulur għandhom ikunu l-paragrafi, anki jekk il-folja tal-istil tiddikjara li għandhom ikunu kemm aħmar u kemm blu. Finalment kulur wieħed biss jista 'jiġi applikat għall-paragrafi, għalhekk għandu jkun hemm ordni.

U dan l-ordni jiġi applikat b'liema seletturi (il-p fl-eżempju ta 'hawn fuq) għandhom l-ogħla preċedenza u liema ordni jidhru fid-dokument.

Il-lista li ġejja hija simplifikazzjoni ta 'kif il-browser tiegħek jiddeċiedi preċedenza għal stil:

  1. Fittex fil-folja tal-istil għal selettur li jaqbel mal-element. Jekk ma jkunx hemm stili definiti, imbagħad tuża r-regoli awtomatiċi fil-browser
  2. Fittex fil-folja tal-istil għal seletturi mmarkati! Importanti u tapplika dawk għall-elementi xierqa.
  3. L-istili kollha fil-folja ta 'l-istil se jevitaw stili tal-brawżer default (ħlief fil-każ ta' folji ta 'stil ta' l-utent).
  4. Aktar ma jkun speċifiku s-selettur tal-istil, iktar tkun il-preċedenza li jkollha. Per eżempju, div> p.class hija aktar speċifika minn p.class li hija aktar speċifika minn p.
  5. Finalment, jekk żewġ regoli japplikaw għall-istess element u għandhom l-istess preċedenza selettiva, se tiġi applikata dik li ġiet mgħobbija l- aħħar . Fi kliem ieħor, il-folja tal-istil tinqara minn fuq għal isfel, u l-istili jiġu applikati fuq xulxin.

Ibbażat fuq dawk ir-regoli, fl-eżempju ta 'hawn fuq, il-paragrafi jinkitbu bil-blu, minħabba li p {kulur: blu; } jiġi l-aħħar fil-folja ta 'l-istil.

Din hija spjegazzjoni simplifikata ħafna tal-kaskata. Jekk inti interessat li titgħallem aktar dwar kif taħdem il-kaskata, għandek taqra X'inhi jfisser "Cascade" fil-Folji ta 'l-Istil Cascading? .