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

সর্বজনীন সিলেক্টর * সকল এলিমেন্ট নির্বাচন করতে দেয়।

উদাহরণ

আসুন সকল এলিমেন্ট নির্বাচন করি এবং সেগুলোকে লাল রঙে রাঙাই:

css* {
  color: red;
}

উদাহরণ

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

cssdiv * {
  color: red;
}

উদাহরণ

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

cssdiv > * {
  color: red;
}

উদাহরণ

আসুন সকল span ট্যাগ নির্বাচন করি যেগুলো যেকোনো ট্যাগের ভিতরে থাকে, যেটি আবার div ট্যাগের ভিতরে থাকে:

cssdiv * span {
  color: red;
}

ব্যবহারিক সমস্যা

html<main>
  <p>---</p>
  <p>---</p>
  
  <div>
    <p>+++</p>
    <p>+++</p>
  </div>
  <section>
    <p>+++</p>
    <p>+++</p>
  </section>
</main>