Gretimasis selektorius CSS

Gretimasis selektorius + leidžia pasirinkti elementą pagal jo viršutinį kaimyną.

Sintaksė

selektorius1 + selektorius2 {
	
}

Paimkime visus p žymes, esančias tiesiog po h2 žymių, ir nudažykime jas raudona spalva:

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

h2 + p {
	color: red;
}

Paimkime visus p žymes, esančias tiesiog po elementų su klase .test, ir nudažykime jas raudona spalva:

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

.test + p {
	color: red;
}

Paimkime visus elementus su klase .elem, esančius tiesiog po elementų su klase .test, ir nudažykime jas raudona spalva:

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

.test + .elem {
	color: red;
}

Dukterinis selektorius,
kuris leidžia pasirinkti elementus pagal tiesioginį įdėjimą
Kontekstinis selektorius,
kuris leidžia pasirinkti elementą pagal jo tėvinį elementą
Giminiškas selektorius,
kuris leidžia pasirinkti elementus po nurodyto
Universalusis selektorius,
kuris leidžia pasirinkti visus elementus