Lokacin da jiya dole ne kawai zai iya ba da stilus ga abun sanyi, hanyoyi biyu suke yanke sakamako: cascade (wane gida ya naci) da gado (waɗandanne alatu sun tafi daga magajiya).
Browser din ya zaɓi sanarwar nasara ta hanyar bincike, a jerin mahimmanci:
1. Importance → !important beats normal declarations
2. Specificity → more specific selector wins (ids > classes > elements)
3. Source order → if still tied, the LAST rule defined wins
p { color: blue; } /* specificity 0,0,1 */
.text { color: green; } /* specificity 0,1,0 → wins over the element rule */
p { color: red; } /* same specificity as first, but LATER → would beat blue */
/* result for <p class="text">: green (class beats element) */
Wasu alatu (galibi masu dangantaka da rubutu) ana gado su ta hanyar kai-kai da jiya; yawancinsu ba su ba.
body {
color: #333; /* ✅ inherited — all text descendants get it */
font-family: serif; /* ✅ inherited */
border: 1px solid; /* ❌ NOT inherited — children don't get a border */
}
Gado a asali: color, font-*, line-height, text-align, visibility, cursor. Ba gado: border, margin, padding, background, width, height, display.
.child {
color: inherit; /* force-take the parent's value */
border: initial; /* reset to the property's default */
all: unset; /* reset everything: inherit if inheritable, else initial */
}
Gari shine dalilin da shine wata gida mai kaifin karanci ta iya ashe koda an rubuta shi daga baya — ana bincike musamman kafin jerin tushe. Fahimtawa jerin (mahimmanci → musamman → jerin tushe) yana bayyana kusan kowane "stilus na ba sa aiki" halin.
Cascade da gado sune gida nisa na nawa CSS abin kiyaya.
Sanin jerin mahimmanci debuga makwantsani, sanin waɗandanne alatu suna gado sace ka saita color/font sau ɗaya akan body maimakon ko'ina, da inherit/initial/unset na ba ka tauri nauyi — tare, sai suke CSS mai gano maimakon sirii.
Ɗakin karatu na tambayoyin hira na IT tare da amsoshi cikakke — daga Junior zuwa Senior.
Ba da Gudummawa