Kichaguzi cha Mukhitisha katika CSS
Kichaguzi cha mukhitisha, kinachowakilisha
amri ya nafasi (' '), huruhusu kuchagua
vitambulisho vilivyomo ndani ya mzazi aliyepewa
Sinaksia
kichaguzi1 kichaguzi2 {
}
Mfano
Wacha tuelekeze kwa vitambulisho vyote p
ndani ya vitambulisho div na kuvipaka rangi nyekundu:
<div>
<p>
maandishi
</p>
<p>
maandishi
</p>
</div>
div p {
color: red;
}
:
Mfano
Wacha tuelekeze kwa vitambulisho vyote p
ndani ya kipengele chenye #elem na kuvipaka
rangi nyekundu:
<div id="elem">
<p>
maandishi
</p>
<p>
maandishi
</p>
</div>
#elem p {
color: red;
}
:
Mfano
Wacha tuelekeze kwa vitambulisho vyote p
ndani ya vipengele vilivyo na darasa .block
na kuvipaka rangi nyekundu:
<div class="block">
<p>
maandishi
</p>
<p>
maandishi
</p>
</div>
.block p {
color: red;
}
:
Mfano
Wacha tuelekeze kwa vitambulisho vyote b
ndani ya vitambulisho p, vilivyomo ndani ya
vitambulisho div na kuvipaka rangi nyekundu:
<div>
<p>
maandishi <b>+</b>
</p>
</div>
div p b {
color: red;
}
:
Angalia pia
-
Kichaguzi cha Mtoto,
kinachoruhusu kuchagua vipengele kulingana na uingizwaji wa moja kwa moja -
Kichaguzi cha Ndugu Karibu,
kinachoruhusu kuchagua kipengele kulingana na jirani yake -
Kichaguzi cha Ndugu Kwa Ujumla,
kinachoruhusu kuchagua vipengele baada ya kile kilichopewwa -
Kichaguzi cha Ulimwengu,
kinachoruhusu kuchagua vipengele vyote