Kontekstinis selektorius CSS

Kontekstinis selektorius, kuris yra komanda tarpas (' '), leidžia pasirinkti žymes, įdėtas į nurodytą tėvinį elementą

Sintaksė

selektorius1 selektorius2 {
	
}

Kreipkimės į visas p žymes viduje div žymių ir nudažykime jas raudona spalva:

<div>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

div p {
	color: red;
}

Kreipkimės į visas p žymes viduje elemento su #elem ir nudažykime jas raudona spalva:

<div id="elem">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

#elem p {
	color: red;
}

Kreipkimės į visas p žymes viduje elementų su klase .block ir nudažykime jas raudona spalva:

<div class="block">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

.block p {
	color: red;
}

Kreipkimės į visas b žymes viduje p žymių, esančių viduje div žymių ir nudažykime jas raudona spalva:

<div>
	<p>
		text <b>+</b>
	</p>
</div>

div p b {
	color: red;
}

Dukterinis selektorius,
kuris leidžia pasirinkti elementus pagal tiesioginį įdėjimą
Gretimasis broliškasis selektorius,
kuris leidžia pasirinkti elementą pagal jo kaimyną
Broliškasis selektorius,
kuris leidžia pasirinkti elementus po nurodyto
Universalusis selektorius,
kuris leidžia pasirinkti visus elementus