Qo'shni selektor + yuqoridagi qo'shni bo'yicha elementni tanlash imkonini beradi.
1 Misol
Keling, h2 teglaridan keyin darhol barcha p teglarni ko'rib chiqamiz va ularni qizil rangga bo'yaymiz:
h2 + p {
color: red;
}
2 Misol
.test classli elementlardan so'ng darhol barcha p teglarga ulanamiz va ularni qizil rangga bo'yaymiz:
<p class="test">
text
</p>
<p>
+
</p>
<p>
-
</p>
.test + p {
color: red;
}
3 Misol
Keling, .test elementlaridan so'ng darhol barcha .elem elementlariga ulanamiz va ularni qizil rangga bo'yaymiz:
<p class="test">
text
</p>
<p class="elem">
+
</p>
<p>
-
</p>
.test + .elem {
color: red;
}