Decji selektor u CSS-u

Decji selektor > omogućava izbor elemenata na osnovu neposrednog ugnježdenja jedni u druge.

Sintaksa

selektor1 > selektor2 {
	
}

Primer

Hajde da pristupimo svim b tagovima, koji se neposredno nalaze unutar p tagova, i obojimo ih u crveno:

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

p > b {
	color: red;
}

Primer

Hajde da pristupimo svim b tagovima, koji se neposredno nalaze unutar elemenata sa klasom .block, i obojimo ih u crveno:

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

Primer

Hajde da pristupimo svim elementima sa klasom .elem, koji se neposredno nalaze unutar elemenata sa klasom .block, i obojimo ih u crveno:

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

Vidi još

Kontekstni selektor,
koji omogućava izbor elementa na osnovu njegovog roditelja
Susedni selektor,
koji omogućava izbor elementa na osnovu njegovog suseda
Srodni selektor,
koji omogućava izbor elemenata nakon određenog
Univerzalni selektor,
koji omogućava izbor svih elemenata