Apakšējais selektors CSS

Apakšējais selektors > ļauj atlasīt elementus pēc tiešās ligzdotības vienam otrā.

Sintakse

selektors1 > selektors2 {
	
}

Piemērs

Pievērsīsimies visiem b tagiem, kas atrodas tieši iekš p tagiem, un iekrāsosim tos sarkanā:

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

p > b {
	color: red;
}

Piemērs

Pievērsīsimies visiem b tagiem, kas atrodas tieši iekš elementiem ar klasi .block, un iekrāsosim tos sarkanā:

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

.block > b {
	color: red;
}

Piemērs

Pievērsīsimies visiem elementiem ar klasi .elem, kas atrodas tieši iekš elementiem ar klasi .block, un iekrāsosim tos sarkanā:

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

.block > .elem {
	color: red;
}

Skatiet arī

Konteksta selektors,
kas ļauj atlasīt elementu pēc tā vecākelementa
Blakus esošais selektors,
kas ļauj atlasīt elementu pēc tā kaimiņa
Brāļu selektors,
kas ļauj atlasīt elementus aiz norādītā
Universālais selektors,
kas ļauj atlasīt visus elementus