Суседни селектор у ЦСС-у

Суседни селектор + омогућава да се изабере елемент на основу његовог суседа изнад.

Синтакса

селектор1 + селектор2 {
	
}

Хајде да се обратимо свим таговима p, који се налазе непосредно после тагова h2, и да их обојимо у црвену боју:

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

h2 + p {
	color: red;
}

Хајде да се обратимо свим таговима p, који се налазе непосредно после елемената са класом .test, и да их обојимо у црвену боју:

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

.test + p {
	color: red;
}

Хајде да се обратимо свим елементима са класом .elem, који се налазе непосредно после елемената са класом .test, и да их обојимо у црвену боју:

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

.test + .elem {
	color: red;
}

Дете селектор,
који омогућава да се изаберу елементи по непосредној угнежђености
Контекстуални селектор,
који омогућава да се изабере елемент на основу његовог родитеља
Браћa и сестре селектор,
који омогућава да се изаберу елементи после задатог
Универзални селектор,
који омогућава да се изаберу сви елементи