စာသားဖြင့် attribute selector

စာသားဖြင့် attribute selector သည် tag ၏ attribute တန်ဖိုးတွင် သတ်မှတ်ထားသော စာသားပါဝင်သည့် အစိတ်အပိုင်းတစ်ခုအား style သတ်မှတ်ပေးသည်။

ဥပမာ

test ဆိုသော attribute များပါဝင်သည့် လင့်ခ်များကို ရှာဖွေပြီး ၎င်းတို့ကို အစိမ်းရောင်သို့ ပြောင်းလဲကြပါစို့။

html<a href="https://test.com">link1</a>
<a href="">link2</a>
<a href="http://my-test.com">link3</a>
cssa[href*="test"] {
  color: green;
}

Результат:

ဆက်လက်ကြည့်ရှုရန်

  • attribute selector,
    သည် attribute အမည်ဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • attribute selector,
    သည် attribute တန်ဖိုးဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • attribute selector,
    သည် attribute တန်ဖိုး၏ အစဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • attribute selector,
    သည် attribute တန်ဖိုး၏ အဆုံးဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • attribute selector,
    သည် attribute တန်ဖိုးများထဲမှ တစ်ခုဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • attribute selector,
    သည် attribute တန်ဖိုးအတွင်းရှိ hyphen ဖြင့် အစိတ်အပိုင်းကို ရှာဖွေသည်
  • Child selector,
    သည် တိုက်ရိုက်ထည့်သွင်းမှုဖြင့် အစိတ်အပိုင်းများကို ရွေးချယ်ခွင့်ပြုသည်
  • Contextual selector,
    သည် ၎င်း၏ မိဘအစိတ်အပိုင်းအလိုက် အစိတ်အပိုင်းကို ရွေးချယ်ခွင့်ပြုသည်
  • Adjacent sibling selector,
    သည် ၎င်း၏ ကပ်လျက်ရှိသော အစိတ်အပိုင်းအလိုက် အစိတ်အပိုင်းကို ရွေးချယ်ခွင့်ပြုသည်
  • General sibling selector,
    သည် သတ်မှတ်ထားသော အစိတ်အပိုင်းနောက်မှ အစိတ်အပိုင်းများကို ရွေးချယ်ခွင့်ပြုသည်
  • Universal selector,
    သည် အစိတ်အပိုင်းအားလုံးကို ရွေးချယ်ခွင့်ပြုသည်