सीएसएस में आसन्न चयनकर्ता

आसन्न चयनकर्ता + किसी तत्व को उसके ऊपर वाले पड़ोसी के आधार पर चुनने की अनुमति देता है।

वाक्य-विन्यास

चयनकर्ता1 + चयनकर्ता2 {
	
}

आइए सभी p टैग्स को संबोधित करें, जो सीधे h2 टैग्स के बाद स्थित हैं, और उन्हें लाल रंग में रंग दें:

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

h2 + p {
	color: red;
}

आइए सभी p टैग्स को संबोधित करें, जो सीधे .test वर्ग वाले तत्वों के बाद स्थित हैं, और उन्हें लाल रंग में रंग दें:

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

.test + p {
	color: red;
}

आइए सभी .elem वर्ग वाले तत्वों को संबोधित करें, जो सीधे .test वर्ग वाले तत्वों के बाद स्थित हैं, और उन्हें लाल रंग में रंग दें:

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

.test + .elem {
	color: red;
}

चाइल्ड चयनकर्ता,
जो सीधे नेस्टिंग के आधार पर तत्वों को चुनने की अनुमति देता है
सांदर्भिक चयनकर्ता,
जो किसी तत्व को उसके पैरेंट के आधार पर चुनने की अनुमति देता है
सामान्य सहोदर चयनकर्ता,
जो दिए गए तत्व के बाद के तत्वों को चुनने की अनुमति देता है
यूनिवर्सल चयनकर्ता,
जो सभी तत्वों को चुनने की अनुमति देता है