Prednost selektorjev potomcev v CSS
V vseh prejšnjih lekcijah so morali vsi selektorji ujeti sam element. Lahko se zgodi, da en selektor ujame element, drugi pa selektor ujame starša tega elementa.
Že veste, da če je staršu določena, na primer, barva, se bo ta barva podedovala potomcu. Toda, če je tudi potomcu določena barva, bo imel selektor potomca večjo prednost kot selektor starša.
To pomeni, da selektor oznake potomca premaga razred starša:
<div class="block">
<p>text</p>
</div>
.block {
color: red;
}
p {
color: green; /* uporabila se bo ta barva */
}
:
Selektor oznake potomca prav tako premaga identifikator starša:
<div id="block">
<p class="text">text</p>
</div>
#block {
color: red;
}
.text {
color: green; /* uporabila se bo ta barva */
}
:
