CSS ရှိ Universal Selector
Universal selector * သည်
element အားလုံးကို ရွေးချယ်နိုင်စေပါသည်။
ဥပမာ
Element အားလုံးကို ရွေးချယ်ပြီး အနီရောင်အဖြစ် ပြောင်းလဲကြည့်ရအောင်။
* {
color: red;
}
ဥပမာ
div tag အတွင်းရှိ element အားလုံးကို ရွေးချယ်ပြီး
အနီရောင်အဖြစ် ပြောင်းလဲကြည့်ရအောင်။
div * {
color: red;
}
ဥပမာ
div tag အတွင်းသို့ တိုက်ရိုက် ရောက်ရှိနေသော
element အားလုံးကို ရွေးချယ်ပြီး အနီရောင်အဖြစ်
ပြောင်းလဲကြည့်ရအောင်။
div > * {
color: red;
}
ဥပမာ
div tag အတွင်းရှိ မည်သည့် tag အတွင်းမဆို
ရောက်ရှိနေသော span tag အားလုံးကို
ရွေးချယ်ကြည့်ရအောင်။
div * span {
color: red;
}
လက်တွေ့လေ့ကျင့်ခန်းများ
အောက်ပါကုဒ်ကို ကြည့်ပါ။
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
main tag အတွင်းရှိ မည်သည့် မိဘ element
အတွင်းမဆို ရောက်ရှိနေသော စာပိုဒ်အားလုံးကို
ရွေးချယ်မည့် selector တစ်ခုကို ရေးပါ။