Voorrang van Afstammelingkiesers in CSS
In al die vorige lesse moes alle kiesers die element self vang. Dit kan wees dat een kieër die element vang, en 'n ander kieër die ouer van daardie element vang.
Jy weet reeds dat as 'n ouer byvoorbeeld 'n kleur toegeken word, sal daardie kleur deur die afstammeling geërf word. Maar, as die afstammeling ook 'n kleur toegeken word, sal die kieër van die afstammeling groter voorrang hê as die kieër van die ouer.
Dit beteken dat die etiketkieër van die afstammeling die klas van die ouer oorwin:
<div class="block">
<p>text</p>
</div>
.block {
color: red;
}
p {
color: green; /* hierdie kleur sal toegepas word */
}
:
Die etiketkieër van die afstammeling oorwin ook die identifikasie van die ouer:
<div id="block">
<p class="text">text</p>
</div>
#block {
color: red;
}
.text {
color: green; /* hierdie kleur sal toegepas word */
}
:
