Kipaumlio cha Vichaguzi Vizazi katika CSS
Katika masomo yote yaliyopita, vichaguzi vyote vilipaswa kukamata kipengele chenyewe. Inawezekana, kichaguzi kimoja kikamate kipengele, na kichaguzi cha pili kikamate mzazi wa kipengele hicho.
Tayari unajua kuwa ikiwa mzazi amepewa, kwa mfano, rangi, basi rangi hiyo itarithiwa na kizazi. Lakini, ikiwa kizazi pia kimepewa rangi, basi kichaguzi cha kizazi kitakuwa na kipaumlio kikubwa zaidi, kuliko kichaguzi cha mzazi.
Hii inamaanisha kuwa kichaguzi cha lebo ya kizazi hushinda tabaka la mzazi:
<div class="block">
<p>maandishi</p>
</div>
.block {
color: red;
}
p {
color: green; /* rangi hii itatumika */
}
:
Kichaguzi cha lebo ya kizazi pia hushinda kitambulisho cha mzazi:
<div id="block">
<p class="text">maandishi</p>
</div>
#block {
color: red;
}
.text {
color: green; /* rangi hii itatumika */
}
:
