Kichaguzi cha Jirani katika CSS

Kichaguzi cha jirani + huwezesha kuchagua kipengee kulingana na jirani yake juu.

Syntax

kichaguzi1 + kichaguzi2 {
	
}

Wacha tuelekeze kwa vitambulisho vyote p, vilivyo moja kwa moja baada ya vitambulisho h2, na kuwarangiwa kwa rangi nyekundu:

<h2>maandishi</h2>
<p>
	+
</p>
<p>
	-
</p>
<p>
	-
</p>

h2 + p {
	color: red;
}

Wacha tuelekeze kwa vitambulisho vyote p, vilivyo moja kwa moja baada ya vipengee na darasa .test, na kuwarangiwa kwa rangi nyekundu:

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

.test + p {
	color: red;
}

Wacha tuelekeze kwa vipengee vyote na darasa .elem, vilivyo moja kwa moja baada ya vipengee na darasa .test, na kuwarangiwa kwa rangi nyekundu:

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

.test + .elem {
	color: red;
}

Kichaguzi cha Mtoto,
ambacho huwezesha kuchagua vipengee kwa uingiliaji wa moja kwa moja
Kichaguzi cha Mazingira,
ambacho huwezesha kuchagua kipengee kulingana na mzazi wake
Kichaguzi cha Ndugu,
ambacho huwezesha kuchagua vipengee baada ya kilichotajwa
Kichaguzi cha Ulimwengu,
ambacho huwezesha kuchagua vipengee vyote