Pagkat-on Unsa ang Paagi sa Cascade sa Cascading Style Sheets

CSS Short Course

Ang cascade mao ang nakapahimo sa mga estilo sa estilo sa CSS nga mapuslanon kaayo. Sa laktud, ang cascade naghubit sa han-ay sa pagkasunod kung giunsa nga gikinahanglan ang magkasumpaki nga estilo. Sa laing pagkasulti, kung adunay duha ka estilo:

p {nga kolor: pula; }
p {nga kolor: asul; }

Ang cascade nagatino kung unsang kolor ang mga parapo, bisan pa ang estilo sa estilo nag-ingon nga kini kinahanglan nga pula ug asul. Sa katapusan usa lamang ka kolor ang mahimo nga magamit sa mga parapo, busa kinahanglan adunay usa ka order.

Ug ang kini nga han-ay gipadapat nga ang mga nagpili (ang p sa sa ibabaw nga panig-ingnan) adunay labing taas nga sumbanan ug nga kini nga order makita sa dokumento.

Ang mosunod nga listahan mao ang pagpayano kung giunsa paghukom sa imong browser ang sumbanan alang sa estilo:

1. Tan-awa ang style sheet alang sa usa ka selector nga nagtumbok sa elemento. Kung walay mga gihubit nga mga estilo, unya gamita ang mga lagda nga mga lagda sa browser
2. Tan-awa ang style sheet alang sa mga napili nga mga napili nga importante ug ipadapat kini ngadto sa angay nga mga elemento.
3. Ang tanan nga mga estilo sa style sheet mag-override sa mga default nga estilo sa browser (gawas sa kaso sa style sheets).
4. Ang mas espesipiko nga selector sa estilo, mas taas ang sumbanan niini. Pananglitan, ang div> p.class mas espesipiko kay sa p.class nga mas espesipiko kay sa p.
5. Sa katapusan, kon ang duha ka mga lagda magamit sa samang elemento ug adunay susama nga selector nga panguna, ang usa nga gisudlan sa ikaduha ipatuman. Sa laing pagkasulti, ang estilo sa estilo gibasa gikan sa ibabaw ngadto sa ubos, ug ang mga estilo gigamit sa ibabaw sa usa'g usa.

Base sa mga lagda, sa pananglitan sa ibabaw, ang mga parapo gisulat nga asul, tungod kay p {color: blue; } sa katapusan sa style sheet.

Kini usa ka gipasimple nga pagpatin-aw sa cascade. Kon ikaw interesado sa pagkat-on og dugang mahitungod sa kung giunsa ang cascade nagtrabaho, kinahanglan nga imong basahon Unsa ang gipasabut sa "Cascade" sa Cascading Style Sheets? .