Селектори ҳамсоя дар CSS

Селектори ҳамсоя + имкон медиҳад, ки унсурро бо ҳамсояи болоии он интихоб кунед.

Синтаксис

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

Биёед ба ҳамаи тегҳои p, ки бевосита пас аз тегҳои h2 ҷойгиранд, муроҷиат кунем ва онҳоро ба рангҳои сурх ранг кунем:

<h2>матн</h2>
<p>
	+
</p>
<p>
	-
</p>
<p>
	-
</p>

h2 + p {
	color: red;
}

Биёед ба ҳамаи тегҳои p, ки бевосита пас аз унсурҳо бо синфи .test ҷойгиранд, муроҷиат кунем ва онҳоро ба сурх ранг кунем:

<p class="test">
	матн
</p>
<p>
	+
</p>
<p>
	-
</p>

.test + p {
	color: red;
}

Биёед ба ҳамаи унсурҳо бо синфи .elem, ки бевосита пас аз унсурҳо бо синфи .test ҷойгиранд, муроҷиат кунем ва онҳоро ба сурх ранг кунем:

<p class="test">
	матн
</p>
<p class="elem">
	+
</p>
<p>
	-
</p>

.test + .elem {
	color: red;
}

Селектори фарзанд,
ки имкон медиҳад унсурҳоро бо вогузории бевосита интихоб кунед
Селектори контекстӣ,
ки имкон медиҳад унсурро бо волидани он интихоб кунед
Селектори бародарӣ,
ки имкон медиҳад унсурҳоро пас аз унсури додашуда интихоб кунед
Селектори умумӣ,
ки имкон медиҳад ҳамаи унсурҳоро интихоб кунед