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