စာသားဖြင့် attribute selector
စာသားဖြင့် attribute selector သည် tag ၏ attribute တန်ဖိုးတွင် သတ်မှတ်ထားသော စာသားပါဝင်သည့် အစိတ်အပိုင်းတစ်ခုအား style သတ်မှတ်ပေးသည်။
ဥပမာ
test ဆိုသော attribute များပါဝင်သည့်
လင့်ခ်များကို ရှာဖွေပြီး
၎င်းတို့ကို အစိမ်းရောင်သို့ ပြောင်းလဲကြပါစို့။
<a href="https://test.com">link1</a>
<a href="https://code.mu">link2</a>
<a href="http://my-test.com">link3</a>
a[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,
သည် အစိတ်အပိုင်းအားလုံးကို ရွေးချယ်ခွင့်ပြုသည်