အရည်အချင်း တန်ဖိုးတစ်ခုအတွက် Selector

အရည်အချင်း တန်ဖိုးတစ်ခုအတွက် selector သည် ဖော်ပြထားသော တန်ဖိုးများထဲမှ အနည်းဆုံးတစ်ခုရှိသည့် အရည်အချင်းတစ်ခုရှိသော အစိတ်အပိုင်းအတွက် စတိုင်ကို သတ်မှတ်ပေးသည်။ ဤအခါတွင် အရည်အချင်း၏ တန်ဖိုးအားလုံးသည် ကြားခံနေရာဖြင့် ခွဲခြားထားရပါမည်။

ဥပမာ

<p> အားလုံးကို ရှာကြည့်ကြပါစို့၊ ထို့ထဲတွင် test တန်ဖိုးတစ်ခုရှိပြီး ၎င်းတို့ကို အပြာရောင်သို့ ပြောင်းလဲမည်:

html<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
cssp[class~="test"] {
  color: blue;
}

Результат:

ဤသည်ကိုလည်း ကြည့်ပါ

  • အရည်အချင်း selector,
    အရည်အချင်း အမည်ဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • အရည်အချင်း selector,
    အရည်အချင်း တန်ဖိုးဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • အရည်အချင်း selector,
    အရည်အချင်း တန်ဖိုး၏ အစဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • အရည်အချင်း selector,
    အရည်အချင်း တန်ဖိုး၏ အဆုံးဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • အရည်အချင်း selector,
    အရည်အချင်း တန်ဖိုးအတွင်းရှိ စာသားဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • အရည်အချင်း selector,
    အရည်အချင်း တန်ဖိုးအတွင်းရှိ ဟိုက်ဖန်ဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • သားသမီး selector,
    တိုက်ရိုက် ထည့်သွင်းမှုဖြင့် အစိတ်အပိုင်းများကို ရွေးချယ်ရန် ခွင့်ပြုပေးသည်
  • အခြေအနေ selector,
    ၎င်း၏ မိဘအုပ်စုဖြင့် အစိတ်အပိုင်းကို ရွေးချယ်ရန် ခွင့်ပြုပေးသည်
  • အနီးကပ် sibling selector,
    ၎င်း၏ အနီးကပ်ဆုံး အိမ်နီးချင်းဖြင့် အစိတ်အပိုင်းကို ရွေးချယ်ရန် ခွင့်ပြုပေးသည်
  • အထွေထွေ sibling selector,
    သတ်မှတ်ထားသော အစိတ်အပိုင်းပြီးနောက်ရှိ အစိတ်အပိုင်းများကို ရွေးချယ်ရန် ခွင့်ပြုပေးသည်
  • အထွေထွေ selector,
    အစိတ်အပိုင်းအားလုံးကို ရွေးချယ်ရန် ခွင့်ပြုပေးသည်