সিএসএস-তে সন্নিহিত সিলেক্টর

সন্নিহিত সিলেক্টর + একটি উপাদানকে তার সরাসরি উপরের প্রতিবেশীর উপর ভিত্তি করে নির্বাচন করতে দেয়।

সিনট্যাক্স

সিলেক্টর১ + সিলেক্টর২ {
	
}

আসুন সকল 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;
}

চাইল্ড সিলেক্টর,
যা সরাসরি নেস্টেড উপাদান নির্বাচন করতে দেয়
কনটেক্সটুয়াল সিলেক্টর,
যা একটি উপাদানকে তার প্যারেন্টের উপর ভিত্তি করে নির্বাচন করতে দেয়
সিবলিং সিলেক্টর,
যা একটি নির্দিষ্ট উপাদানের পরের সকল উপাদান নির্বাচন করতে দেয়
ইউনিভার্সাল সিলেক্টর,
যা সকল উপাদান নির্বাচন করতে দেয়