CSS-de çaga selektory

Çaga selektory > elementleri bir-birine gönükemen girmekligi boýunça saýlamaga mümkinçilik berýär.

Sintaksis

selektor1 > selektor2 {
	
}

Mysal

Geliň, p tegleriniň içinde gönükemen ýerleşýän ähli b teglere ýüzlenip, olary gyzyl reňke boýaýalyň:

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

p > b {
	color: red;
}

Mysal

Geliň, .block klasly elementleriň içinde gönükamen ýerleşýän ähli b teglere ýüzlenip, olary gyzyl reňke boýaýalyň:

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

Mysal

Geliň, .block klasly elementleriň içinde gönükamen ýerleşýän ähli .elem klasly elementlere ýüzlenip, olary gyzyl reňke boýaýalyň:

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

Şeýle-de görüň

Kontekst selektory,
elementi onuň eýesi boýunça saýlamaga mümkinçilik berýär
Goňşy selektory,
elementi onuň goňşysy boýunça saýlamaga mümkinçilik berýär
Gardaş selektory,
elementleri berleninden soňky elementleri saýlamaga mümkinçilik berýär
Uniwersal selektory,
ähli elementleri saýlamaga mümkinçilik berýär