Соседен селектор во CSS

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

Синтакса

селектор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;
}

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