CSSда қўшни селектор

Қўшни селектор + элементни ундан юқорида турган қўшниси орқали танлаш имконини беради.

Синтаксис

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

Ҳар бир h2 тегларидан кейин келгувчи p тегларини қизил рангга бўяймиз:

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

h2 + p {
	color: red;
}

Ҳар бир .test синфига эга элементлардан кейин келгувчи p тегларини қизил рангга бўяймиз:

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

.test + p {
	color: red;
}

Ҳар бир .test синфига эга элементлардан кейин келгувчи .elem синфига эга элементларни қизил рангга бўяймиз:

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

.test + .elem {
	color: red;
}

Фарзанд селектор,
у элементларни бевосита ичкилик асосида танлаш имконини беради
Контекстли селектор,
у элементни унинг ота-онаси асосида танлаш имконини беради
Оға-ини селектор,
у берилган элементдан кейин келгувчи элементларни танлаш имконини беради
Универсал селектор,
у барча элементларни танлаш имконини беради