Kontekstuel selector i CSS

Kontekstuel selector, som repræsenteres af et mellemrum (' '), giver mulighed for at vælge tags, der er indlejret i en given forælder

Syntaks

selector1 selector2 {
	
}

Lad os henvende os til alle p tags inde i div tags og farve dem røde:

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

div p {
	color: red;
}

Lad os henvende os til alle p tags inde i elementet med #elem og farve dem røde:

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

#elem p {
	color: red;
}

Lad os henvende os til alle p tags inde i elementer med klassen .block og farve dem røde:

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

.block p {
	color: red;
}

Lad os henvende os til alle b tags inde i p tags, som befinder sig inde i div tags og farve dem røde:

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

div p b {
	color: red;
}

Barneselector,
som giver mulighed for at vælge elementer efter direkte indlejring
Nærliggende søskendeselector,
som giver mulighed for at vælge et element efter dets nabo
Generel søskendeselector,
som giver mulighed for at vælge elementer efter en given
Universel selector,
som giver mulighed for at vælge alle elementer