Attribute တန်ဖိုး Selector
Attribute တန်ဖိုး Selector သည် element များတွင် သတ်မှတ်ထားသော attribute (သို့မဟုတ်) ၎င်း၏ တန်ဖိုး ရှိမရှိ အပေါ်မူတည်၍ ရွေးချယ်ပြီး လိုအပ်သော style ကို ပေးရန် ခွင့်ပြုသည်။
ဥပမာ
input tag ကို ကြည့်ရအောင်၊
၎င်း၏ type attribute တန်ဖိုးသည်
text နှင့် ညီမျှသော element များကို
အပြာရောင်ဖျော့ နောက်ခံအရောင် ပေးမည်။
<p>
<label>စာသားရိုက်ထည့်ပါ</label>
<input type="text">
</p>
<p>
<label>နံပါတ်ရိုက်ထည့်ပါ</label>
<input type="number">
</p>
input[type="text"] {
background-color: #C2DDFD;
}
:
ဆက်လက်လေ့လာရန်
-
Attribute selector,
သည် attribute အမည်ဖြင့် element ကို ရှာဖွေသည် -
Attribute selector,
သည် attribute တန်ဖိုး၏ စာလုံးအစဖြင့် element ကို ရှာဖွေသည် -
Attribute selector,
သည် attribute တန်ဖိုး၏ စာလုံးအဆုံးဖြင့် element ကို ရှာဖွေသည် -
Attribute selector,
သည် attribute တန်ဖိုးအတွင်းရှိ စာသားဖြင့် element ကို ရှာဖွေသည် -
Attribute selector,
သည် attribute တန်ဖိုး တစ်ခုခုဖြင့် element ကို ရှာဖွေသည် -
Attribute selector,
သည် attribute တန်ဖိုးအတွင်းရှိ hyphen (-) ဖြင့် element ကို ရှာဖွေသည် -
Child Selector,
သည် တိုက်ရိုက်အဆင့်ဆင့်ချိတ်ဆက်မှုဖြင့် element များကို ရွေးချယ်ခွင့်ပြုသည် -
Contextual Selector,
သည် ၎င်း၏ မိဘ element အပေါ်မူတည်၍ element ကို ရွေးချယ်ခွင့်ပြုသည် -
Adjacent Sibling Selector,
သည် ၎င်း၏ ကပ်လျက် element အပေါ်မူတည်၍ element ကို ရွေးချယ်ခွင့်ပြုသည် -
General Sibling Selector,
သည် သတ်မှတ်ထားသော element ပြီးနောက် element များကို ရွေးချယ်ခွင့်ပြုသည် -
Universal Selector,
သည် element အားလုံးကို ရွေးချယ်ခွင့်ပြုသည်