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

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

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

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

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

html<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>