CSS-də qonşu selektor

Qonşu selektor + elementi yuxarıdakı qonşusuna görə seçməyə imkan verir.

Sintaksis

selektor1 + selektor2 {
	
}

Gəlin h2 teqlərindən dərhal sonra gələn bütün p teqlərinə müraciət edək və onları qırmızı rəngə boyayaq:

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

h2 + p {
	color: red;
}

Gəlin .test sinfi olan elementlərdən dərhal sonra gələn bütün p teqlərinə müraciət edək və onları qırmızı rəngə boyayaq:

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

.test + p {
	color: red;
}

Gəlin .test sinfi olan elementlərdən dərhal sonra gələn .elem sinfi olan bütün elementlərə müraciət edək və onları qırmızı rəngə boyayaq:

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

.test + .elem {
	color: red;
}

Övlad selektoru,
elementləri birbaşa içəridə olmağa görə seçməyə imkan verir
Kontekst selektoru,
elementi valideyninə görə seçməyə imkan verir
Qohum selektoru,
verilmiş elementdən sonra gələn elementləri seçməyə imkan verir
Universal selektor,
bütün elementləri seçməyə imkan verir