সিএসএস-এ বংশধর সিলেক্টর এবং ক্লাস

ধরুন আমাদের নিম্নলিখিত কোড আছে:

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

আসুন h2 সমস্ত শিরোনাম এবং block ক্লাস সহ এলিমেন্টের ভিতরে থাকা প্যারাগ্রাফ নির্বাচন করি এবং তাদের বিভিন্ন রঙে রাঙাই। এর জন্য আমরা বংশধর সিলেক্টর ব্যবহার করব (যা সিলেক্টরগুলির মধ্যে একটি স্পেস):

.block h2 {
	color: red;
}
.block p {
	color: green;
}

নিম্নলিখিত কোড দেওয়া হয়েছে:

<p class="eee">
	text <i>italic</i>
</p>
<p class="eee">
	text <i>italic</i>
</p>
<div class="eee">
	text <i>italic</i>
</div>
<div class="eee">
	text <i>italic</i>
</div>

eee ক্লাস সহ এলিমেন্টগুলিতে থাকা সমস্ত i ট্যাগ লাল রঙে রাঙান।