အရည်အချင်း တန်ဖိုးတစ်ခုအတွက် Selector
အရည်အချင်း တန်ဖိုးတစ်ခုအတွက် selector သည် ဖော်ပြထားသော တန်ဖိုးများထဲမှ အနည်းဆုံးတစ်ခုရှိသည့် အရည်အချင်းတစ်ခုရှိသော အစိတ်အပိုင်းအတွက် စတိုင်ကို သတ်မှတ်ပေးသည်။ ဤအခါတွင် အရည်အချင်း၏ တန်ဖိုးအားလုံးသည် ကြားခံနေရာဖြင့် ခွဲခြားထားရပါမည်။
ဥပမာ
<p> အားလုံးကို ရှာကြည့်ကြပါစို့၊ ထို့ထဲတွင်
test တန်ဖိုးတစ်ခုရှိပြီး ၎င်းတို့ကို
အပြာရောင်သို့ ပြောင်းလဲမည်:
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
ဤသည်ကိုလည်း ကြည့်ပါ
-
အရည်အချင်း selector,
အရည်အချင်း အမည်ဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည် -
အရည်အချင်း selector,
အရည်အချင်း တန်ဖိုးဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည် -
အရည်အချင်း selector,
အရည်အချင်း တန်ဖိုး၏ အစဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည် -
အရည်အချင်း selector,
အရည်အချင်း တန်ဖိုး၏ အဆုံးဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည် -
အရည်အချင်း selector,
အရည်အချင်း တန်ဖိုးအတွင်းရှိ စာသားဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည် -
အရည်အချင်း selector,
အရည်အချင်း တန်ဖိုးအတွင်းရှိ ဟိုက်ဖန်ဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည် -
သားသမီး selector,
တိုက်ရိုက် ထည့်သွင်းမှုဖြင့် အစိတ်အပိုင်းများကို ရွေးချယ်ရန် ခွင့်ပြုပေးသည် -
အခြေအနေ selector,
၎င်း၏ မိဘအုပ်စုဖြင့် အစိတ်အပိုင်းကို ရွေးချယ်ရန် ခွင့်ပြုပေးသည် -
အနီးကပ် sibling selector,
၎င်း၏ အနီးကပ်ဆုံး အိမ်နီးချင်းဖြင့် အစိတ်အပိုင်းကို ရွေးချယ်ရန် ခွင့်ပြုပေးသည် -
အထွေထွေ sibling selector,
သတ်မှတ်ထားသော အစိတ်အပိုင်းပြီးနောက်ရှိ အစိတ်အပိုင်းများကို ရွေးချယ်ရန် ခွင့်ပြုပေးသည် -
အထွေထွေ selector,
အစိတ်အပိုင်းအားလုံးကို ရွေးချယ်ရန် ခွင့်ပြုပေးသည်
