တန်ဖိုးအတွင်း ဟိုက်ဖန်နှင့် attribute selector

တန်ဖိုးအတွင်း ဟိုက်ဖန်နှင့် attribute selector သည် ၎င်း၏ attribute တန်ဖိုးများကို ဟိုက်ဖန်ဖြင့် ခွဲထားသော အစိတ်အပိုင်းတစ်ခုထံသို့ စတိုင်ကို အသုံးပြုသည်။

ဥပမာ

ဟိုက်ဖန်ဖြင့် ခွဲထားသော တန်ဖိုးများအတွင်းtext ပါရှိသည့် အစိတ်အပိုင်းအားလုံးကို ရှာဖွေပြီး ၎င်းတို့ကို အနီရောင်သို့ ပြောင်းလဲကြပါစို့။

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