CSS-də Uşaq Selektor

Uşaq selektor > bir-birinə birbaşa daxil olmuş elementləri seçməyə imkan verir.

Sintaksis

selektor1 > selektor2 {
	
}

Nümunə

Gəlin p teqlərinin daxilində birbaşa yerləşən bütün b teqlərinə müraciət edib onları qırmızı rəngə boyayaq:

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

p > b {
	color: red;
}

Nümunə

Gəlin .block sinfinə malik elementlərin daxilində birbaşa yerləşən bütün b teqlərinə müraciət edib onları qırmızı rəngə boyayaq:

<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;
}

Nümunə

Gəlin .block sinfinə malik elementlərin daxilində birbaşa yerləşən .elem sinfinə malik bütün elementlərə müraciət edib onları qırmızı rəngə boyayaq:

<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;
}

Həmçinin bax

Kontekst selektoru,
elementi valideyninə görə seçməyə imkan verir
Qonşu selektor,
elementi qonşusuna görə seçməyə imkan verir
Qohum selektor,
verilmiş elementdən sonrakı elementləri seçməyə imkan verir
Universal selektor,
bütün elementləri seçməyə imkan verir