Susedni selektor u CSS-u

Susedni selektor + omogućava odabir elementa na osnovu njegovog suseda iznad.

Sintaksa

selektor1 + selektor2 {
	
}

Hajde da se obratimo svim tagovima p, koji se neposredno nalaze posle tagova h2, i obojimo ih u crvenu boju:

<h2>text</h2>
<p>
	+
</p>
<p>
	-
</p>
<p>
	-
</p>

h2 + p {
	color: red;
}

Hajde da se obratimo svim tagovima p, koji se neposredno nalaze posle elemenata sa klasom .test, i obojimo ih u crvenu boju:

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

.test + p {
	color: red;
}

Hajde da se obratimo svim elementima sa klasom .elem, koji se neposredno nalaze posle elemenata sa klasom .test, i obojimo ih u crvenu boju:

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

.test + .elem {
	color: red;
}

Podređeni (child) selektor,
koji omogućava odabir elemenata na osnovu neposrednog ugnježđenja
Kontekstni (descendant) selektor,
koji omogućava odabir elementa na osnovu njegovog roditelja
Selektor opšteg roda (general sibling),
koji omogućava odabir elemenata posle zadatog
Univerzalni selektor,
koji omogućava odabir svih elemenata