CSSda farzand selektori

Farzand selektori > elementlarni bir-biriga bevosita kiritinganligi bo‘yicha tanlash imkonini beradi.

Sintaksis

selektor1 > selektor2 {
	
}

Misol

Keling, p teglari ichida bevosita joylashgan barcha b teglariga murojaat qilaylik va ularni qizil rangga bo‘yaylik:

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

p > b {
	color: red;
}

Misol

Keling, .block klassiga ega elementlar ichida bevosita joylashgan barcha b teglariga murojaat qilaylik va ularni qizil rangga bo‘yaylik:

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

.block > b {
	color: red;
}

Misol

Keling, .block klassiga ega elementlar ichida bevosita joylashgan .elem klassiga ega barcha elementlarga murojaat qilaylik va ularni qizil rangga bo‘yaylik:

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

.block > .elem {
	color: red;
}

Shuningdek ko‘ring

Kontekst selektori,
bu elementni uning ota-elementi bo‘yicha tanlash imkonini beradi
Qo‘shni selektor,
bu elementni uning qo‘shnisi bo‘yicha tanlash imkonini beradi
Qarindosh selektor,
bu berilgan elementdan keyingi elementlarni tanlash imkonini beradi
Universal selektor,
bu barcha elementlarni tanlash imkonini beradi