কনটেক্সট সিলেক্টর CSS-এ

কনটেক্সট সিলেক্টর, যা একটি স্পেস কমান্ড (' ') দ্বারা প্রতিনিধিত্ব করা হয়, আপনাকে নির্দিষ্ট প্যারেন্টের মধ্যে নেস্টেড ট্যাগগুলি নির্বাচন করতে দেয়

সিনট্যাক্স

সিলেক্টর1 সিলেক্টর2 {
	
}

চলুন div ট্যাগের ভিতরের সব p ট্যাগে যাই এবং সেগুলিকে লাল রঙে রাঙাই:

<div>
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

div p {
	color: red;
}

চলুন #elem এলিমেন্টের ভিতরের সব p ট্যাগে যাই এবং সেগুলিকে লাল রঙে রাঙাই:

<div id="elem">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

#elem p {
	color: red;
}

চলুন .block ক্লাসযুক্ত এলিমেন্টের ভিতরের সব p ট্যাগে যাই এবং সেগুলিকে লাল রঙে রাঙাই:

<div class="block">
	<p>
		text
	</p>
	<p>
		text
	</p>
</div>

.block p {
	color: red;
}

চলুন div ট্যাগের ভিতরে থাকা p ট্যাগের ভিতরের সব b ট্যাগে যাই এবং সেগুলিকে লাল রঙে রাঙাই:

<div>
	<p>
		text <b>+</b>
	</p>
</div>

div p b {
	color: red;
}

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