CSS ရှိ Universal Selector

Universal selector * သည် element အားလုံးကို ရွေးချယ်နိုင်စေပါသည်။

ဥပမာ

Element အားလုံးကို ရွေးချယ်ပြီး အနီရောင်အဖြစ် ပြောင်းလဲကြည့်ရအောင်။

css* {
  color: red;
}

ဥပမာ

div tag အတွင်းရှိ element အားလုံးကို ရွေးချယ်ပြီး အနီရောင်အဖြစ် ပြောင်းလဲကြည့်ရအောင်။

cssdiv * {
  color: red;
}

ဥပမာ

div tag အတွင်းသို့ တိုက်ရိုက် ရောက်ရှိနေသော element အားလုံးကို ရွေးချယ်ပြီး အနီရောင်အဖြစ် ပြောင်းလဲကြည့်ရအောင်။

cssdiv > * {
  color: red;
}

ဥပမာ

div tag အတွင်းရှိ မည်သည့် tag အတွင်းမဆို ရောက်ရှိနေသော span tag အားလုံးကို ရွေးချယ်ကြည့်ရအောင်။

cssdiv * span {
  color: red;
}

လက်တွေ့လေ့ကျင့်ခန်းများ

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