Kichaguzi cha Mtoto katika CSS

Kichaguzi cha mtoto > huruhusu kuchagua vipengee kulingana na uingizwaji wa moja kwa moja kwa kila mmoja.

Syntax

kichaguzi1 > kichaguzi2 {
	
}

Mfano

Wacha tuelekeze kwa vitambulisho vyote b, vilivyo ndani ya moja kwa moja ya vitambulisho p, na kuwarakabisha kwa rangi nyekundu:

<p>
	maandishi <b>+</b>
</p>
<p>
	maandishi <i><b>-</b></i>
</p>

p > b {
	color: red;
}

Mfano

Wacha tuelekeze kwa vitambulisho vyote b, vilivyo ndani ya moja kwa moja ya vipengee na darasa .block, na kuwarakabisha kwa rangi nyekundu:

<p class="block">
	maandishi <b>+</b>
</p>
<p class="block">
	maandishi <i><b>-</b></i>
</p>
<p>
	maandishi <b>-</b>
</p>

.block > b {
	color: red;
}

Mfano

Wacha tuelekeze kwa vipengee vyote na darasa .elem, vilivyo ndani ya moja kwa moja ya vipengee na darasa .block, na kuwarakabisha kwa rangi nyekundu:

<p class="block">
	maandishi <span class="elem">+</span>
</p>
<p class="block">
	maandishi <i><span class="elem">-</span></i>
</p>
<p class="block">
	maandishi <span>-</span>
</p>
<p>
	maandishi <span class="elem">-</span>
</p>

.block > .elem {
	color: red;
}

Angalia pia

Kichaguzi cha Mazingira,
kinachoruhusu kuchagua kipengee kulingana na mzazi wake
Kichaguzi cha Ndugu Jirani,
kinachoruhusu kuchagua kipengee kulingana na jirani yake
Kichaguzi cha Ndugu Kwa Ujumla,
kinachoruhusu kuchagua vipengee baada ya kipengee kilichotajwa
Kichaguzi cha Ulimwengu,
kinachoruhusu kuchagua vipengee vyote