Selektorët e Femijëve në CSS

Selektori i femijëve > ju lejon të zgjidhni elementët sipas vendosjes së drejtpërdrejtë brenda njëri-tjetrit.

Sintaksa

selektori1 > selektori2 {
	
}

Shembull

Le t'i drejtohemi të gjitha etiketave b, që ndodhen direkt brenda etiketave p, dhe t'i ngjyrosim në të kuqe:

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

p > b {
	color: red;
}

Shembull

Le t'i drejtohemi të gjitha etiketave b, që ndodhen direkt brenda elementeve me klasën .block, dhe t'i ngjyrosim në të kuqe:

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

.block > b {
	color: red;
}

Shembull

Le t'i drejtohemi të gjitha elementeve me klasën .elem, që ndodhen direkt brenda elementeve me klasën .block, dhe t'i ngjyrosim në të kuqe:

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

.block > .elem {
	color: red;
}

Shihni gjithashtu

Selektori kontekstual,
që ju lejon të zgjidhni një element sipas prindit të tij
Selektori fqinj,
që ju lejon të zgjidhni një element sipas fqinjit të tij
Selektori i të afërmve,
që ju lejon të zgjidhni elementët pas atij të caktuar
Selektori universal,
që ju lejon të zgjidhni të gjithë elementët