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

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

সিনট্যাক্স

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

উদাহরণ

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

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

cssdiv p {
  color: red;
}

Результат:

উদাহরণ

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

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

css#elem p {
  color: red;
}

Результат:

উদাহরণ

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

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

css.block p {
  color: red;
}

Результат:

উদাহরণ

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

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

cssdiv p b {
  color: red;
}

Результат:

আরও দেখুন