Ikasi Cascade-ren estilo-zorroaren xehetasunak

CSS ikastaro laburra

Kaskadaren zeregina CSS estilo-orriak hain erabilgarria da. Labur esanda, ur-jauziak lehenetsitako ordena definitzen du estilo gatazkatsuak aplikatzeko. Beste era batera esanda, bi estilo badituzu:

p {kolorea: gorria; }
p {kolorea: urdina; }

Uholdeak paragrafoen kolorea zein den zehazten du, nahiz eta estilo-orriek gorria eta urdina izan behar duten. Azken finean, kolore bakarra paragrafoei aplikatu daiteke, beraz, ordena bat izan behar du.

Eskaera hau aplikatzen da hautagailuek (goiko adibidean p) lehentasun handiena dute eta agirian agertzen diren ordena.

Ondorengo zerrendak zure nabigatzaileak estilo baten lehentasuna erabakitzen duen arintzea da:

  1. Bilatu estilo-orriaren elementuarekin bat datozen hautatzaile batekin. Ez dago definitutako estilorik baldin badago, erabili arauaren arau lehenetsiak
  2. Begiratu markatutako markatzaileen estiloa garrantzitsuena eta aplikatu elementu egokiei.
  3. Estilo-orriko estilo guztiek lehenetsitako nabigatzaile-estiloak baztertuko dituzte (erabiltzaile-estilo-orrien kasuan izan ezik).
  4. Estilo-hautatzailea berariazkoagoa izango da, aurrekoa baino handiagoa izango da. Adibidez, div> p.class p.class baino zehatzagoa da eta p baino zehatzagoa da.
  5. Azkenean, bi arau elementu berberari aplikatzen bazaio eta hautatu lehentasuna bera, azken kargatutakoa aplikatuko da. Beste era batera esanda, estilo-orria goitik behetik irakurtzen da, eta estilo bat bata bestearen gainean aplikatzen da.

Arau hauen arabera, aurreko adibidean, paragrafoak urdinez idatziko lirateke, p {kolorea: urdina delako; } azkenekoan agertzen da estilo-orrian.

Hau cascadearen azalpen oso sinplea da. Cascade lanak nola funtzionatzen duen jakin nahi baduzu, irakurri behar duzu "Cascade" Cascading Style Sheets-en? .