Naboselektoren i CSS

Naboselektoren + giver mulighed for at vælge et element baseret på dets øverste nabo.

Syntaks

selektor1 + selektor2 {
	
}

Lad os henvende os til alle p-tags, der umiddelbart følger efter h2-tags, og farve dem røde:

<h2>tekst</h2>
<p>
	+
</p>
<p>
	-
</p>
<p>
	-
</p>

h2 + p {
	color: red;
}

Lad os henvende os til alle p-tags, der umiddelbart følger efter elementer med klassen .test, og farve dem røde:

<p class="test">
	tekst
</p>
<p>
	+
</p>
<p>
	-
</p>

.test + p {
	color: red;
}

Lad os henvende os til alle elementer med klassen .elem, der umiddelbart følger efter elementer med klassen .test, og farve dem røde:

<p class="test">
	tekst
</p>
<p class="elem">
	+
</p>
<p>
	-
</p>

.test + .elem {
	color: red;
}

Barneselektor,
som giver mulighed for at vælge elementer baseret på umiddelbar indlejring
Kontekstuel selektor,
som giver mulighed for at vælge et element baseret på dets forælder
Søskendeselektor,
som giver mulighed for at vælge elementer efter den angivne
Universel selektor,
som giver mulighed for at vælge alle elementer