Kontekstli selektor CSSda

Kontekstli selektor, bu bo'shliq buyrug'ini (' ') ifodalaydi, berilgan ota-omba ichiga joylashtirilgan teglarni tanlash imkonini beradi

Sintaksis

selektor1 selektor2 {
	
}

Keling, div teglari ichidagi barcha p teglariga murojaat qilaylik va ularni qizil rangga bo'yaylik:

<div>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

div p {
	color: red;
}

Keling, #elem elementi ichidagi barcha p teglariga murojaat qilaylik va ularni qizil rangga bo'yaylik:

<div id="elem">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

#elem p {
	color: red;
}

Keling, .block klassiga ega bo'lgan elementlar ichidagi barcha p teglariga murojaat qilaylik va ularni qizil rangga bo'yaylik:

<div class="block">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

.block p {
	color: red;
}

Keling, div teglari ichida joylashgan p teglari ichidagi barcha b teglariga murojaat qilaylik va ularni qizil rangga bo'yaylik:

<div>
	<p>
		text <b>+</b>
	</p>
</div>

div p b {
	color: red;
}

Farzand selektori,
bu elementlarni bevosita joylashtirish 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