Die Aangrensende Selektor in CSS

Die aangrensende selektor + laat jou toe om 'n element volgens sy boonste buurman te kies.

Sintaksis

selektor1 + selektor2 {
	
}

Kom ons rig ons na al die p-merkers, wat direk na die h2-merkers kom, en verf hulle in rooi:

<h2>teks</h2>
<p>
	+
</p>
<p>
	-
</p>
<p>
	-
</p>

h2 + p {
	color: red;
}

Kom ons rig ons na al die p-merkers, wat direk na elemente met die klas .test kom, en verf hulle in rooi:

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

.test + p {
	color: red;
}

Kom ons rig ons na al die elemente met die klas .elem, wat direk na elemente met die klas .test kom, en verf hulle in rooi:

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

.test + .elem {
	color: red;
}

Die Kindselektor,
wat jou toelaat om elemente volgens direkte insluiting te kies
Die Kontekstuele Selektor,
wat jou toelaat om 'n element volgens sy ouer te kies
Die Verwantskapselektor,
wat jou toelaat om elemente na 'n gegewe een te kies
Die Universele Selektor,
wat jou toelaat om alle elemente te kies