Selector contextual în CSS

Selectorul contextual, reprezentat prin caracterul spațiu (' '), permite selectarea tagurilor imbricate într-un părinte dat

Sintaxă

selector1 selector2 {
	
}

Să ne adresăm tuturor tagurilor p din interiorul tagurilor div și să le colorăm în roșu:

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

div p {
	color: red;
}

Să ne adresăm tuturor tagurilor p din interiorul elementului cu #elem și să le colorăm în roșu:

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

#elem p {
	color: red;
}

Să ne adresăm tuturor tagurilor p din interiorul elementelor cu clasa .block și să le colorăm în roșu:

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

.block p {
	color: red;
}

Să ne adresăm tuturor tagurilor b din interiorul tagurilor p, care se află în interiorul tagurilor div și să le colorăm în roșu:

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

div p b {
	color: red;
}

Selectorul copil,
care permite selectarea elementelor după imbricarea directă
Selectorul frate adiacent,
care permite selectarea unui element după vecinul său
Selectorul frate general,
care permite selectarea elementelor după un element dat
Selectorul universal,
care permite selectarea tuturor elementelor