Kontekst selektoru CSS-də

Kontekst selektoru, boşluq (' ') ilə təmsil olunan, teqləri müəyyən edilmiş valideyn daxilində yerləşən elementləri seçməyə imkan verir.

Sintaksis

selektor1 selektor2 {
	
}

Gəlin div teqləri daxilindəki bütün p teqlərinə müraciət edək və onları qırmızı rəngə boyayaq:

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

div p {
	color: red;
}

Gəlin #elem elementi daxilindəki bütün p teqlərinə müraciət edək və onları qırmızı rəngə boyayaq:

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

#elem p {
	color: red;
}

Gəlin .block sinfi olan elementlər daxilindəki bütün p teqlərinə müraciət edək və onları qırmızı rəngə boyayaq:

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

.block p {
	color: red;
}

Gəlin div teqləri daxilində yerləşən p teqlərinin daxilindəki bütün b teqlərinə müraciət edək və onları qırmızı rəngə boyayaq:

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

div p b {
	color: red;
}

Övlad selektoru,
elementləri birbaşa yerləşməyə görə seçməyə imkan verir
Qonşu selektor,
elementi onun qonşusuna görə seçməyə imkan verir
Qohum selektor,
müəyyən edilmiş elementdən sonrakı elementləri seçməyə imkan verir
Universal selektor,
bütün elementləri seçməyə imkan verir