တန်ဖိုးအတွင်း ဟိုက်ဖန်နှင့် 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,
အစိတ်အပိုင်းအားလုံးကို ရွေးချယ်ခွင့်ပြုသည်