CSS Attribute Selectors အမျိုးအစားများ - Semalt Expert

HTML element မှာ class၊ ID နဲ့ attribute တွေပါဝင်တယ်။ Attribute selector attribute ပါ ၀ င်တဲ့ attribute တန်ဖိုးရှိတဲ့ HTML element တွေကိုရွေးပါတယ်။ Attribute selector များသည် Attribute သို့မဟုတ်ရိုတန်ဖိုးတစ်ခုဖြင့် HTML element များပေါ်တွင် style များကိုရိုးရှင်းလွယ်ကူသောနည်းလမ်းဖြင့်ပေးသည်။ Attribute selector များကို attribute ကို၎င်း၏တန်ဖိုးနှင့်ပူးတွဲပေးသော square brackets နှစ်ခုဖြင့်သတ်မှတ်သည်။ သို့တိုင်၎င်းကို element type selector အဖြစ်ထားနိုင်သည်။ CSS [attribute] Selector သည်စာသားစည်းမျဉ်းများကိုသက်ဆိုင်ရာ element တစ်ခုနှင့်သက်ဆိုင်ပါကအသုံးပြုသည်။

attribute ကို selectors အမျိုးအစားများ

ကွဲပြားသောကိစ္စရပ်များအတွက်အသုံးပြုနိုင်သည့် attribute selector အမျိုးမျိုးရှိသည်။

CSS [attribute | = "value"] Selector သည်ထူးခြားသောလက္ခဏာတစ်ခုရှိသည့် element များကိုမီးမောင်းထိုးပြပြီး၎င်းသည်သတ်မှတ်ထားသောတန်ဖိုးနှင့်စတင်သည်။

CSS [attribute ~ = "value"] Selector ကိုသုံးပြီးတိကျတဲ့စကားလုံးပါတဲ့ property value နဲ့ element တွေကိုရှာမယ်။

CSS [attribute ^ = "value"] Selector သည်တန်ဖိုးတစ်ခုနှင့်အတူသူ့ရဲ့တန်ဖိုးကိုထည့်ပြီး element တွေကိုရှာသည်။ တန်ဖိုးသေချာပေါက်စကားလုံးတစ်ခုလုံးမဟုတ်ပါဘူး။

CSS [attribute $ = "value"] Selector သည်သတ်မှတ်ထားသောတန်ဖိုးတစ်ခုနှင့်အဆုံးသတ်သော attribute တန်ဖိုးရှိသည့်အစိတ်အပိုင်းများကိုတွေ့ရှိသည်။

CSS attribute selector များ၏ applications များ

Attribute selector ကို universal, class သို့မဟုတ် ID selector ကိုသုံးမသုံးပဲသုံးနိုင်သည်

attribute selector များကိုအသုံးအများဆုံးမှာသွင်းအားစုများဖြစ်သည်။ ဤရွေ့ကားစာသား selector များ, checkbox ကို selectors, password ကို selectors, ဖိုင် selector, ဝှက်ထားသော selectors, password ကို selectors, ရေဒီယို selector, ပြန်လည်စတင် selector များနှင့်အခြားသူများပါဝင်သည်။

ပုံစံပုံစံများ

class သို့မဟုတ် ID မပါဘဲပုံစံများကိုပုံစံဆွဲသည့်အခါ attribute selector များသည်အလွန်အသုံးဝင်သည်။

စတိုင်လင့်များ

ဥပမာအားဖြင့်၊ attribute selector များသည် blogroll တစ်ခုအားသင်သူငယ်ချင်းဆိုဒ်များနှင့်ချိတ်ဆက်ထားသောစာရင်းတစ်ခုထားရန်သုံးနိုင်သည်။ သို့သျောလညျး, သငျသညျအလိုရှိကြသည်တွင်တစ်ခုချင်းစီကို link ကိုကွဲပြားခြားနားပုံစံရှိကြောင်းဖြစ်ပါတယ်။ ၎င်းကိုပြုလုပ်ရန်အစဉ်အလာနည်းလမ်းမှာ markups များပိုမိုလိုအပ်မည့် call name ကိုသတ်မှတ်ခြင်းဖြစ်သည်။ သို့တိုင်သင်သည် nth-child ကိုအသုံးပြုနိုင်သည်။ attribute selector များကိုအသုံးပြုခြင်းအားဖြင့်သင်ပစ်မှတ်ထားနိုင်သော attribute တစ်ခုရှိသဖြင့်လွယ်ကူစေသည်။

Border သွင်းအားစုများ

CSS border image attribute ကိုအသုံးပြုပြီး border element တွေကို style လုပ်ခြင်းသည် body ကိုပုံများထည့်ရန်ကြော့ရှင်းသောနည်းလမ်းဖြစ်သည်။ ၎င်းသည်ပုံအား Element တစ်ခု၏ border အဖြစ်သတ်မှတ်ရန်သင့်အားခွင့်ပြုသည်။ နယ်နိမိတ်ပုံရိပ်ကိုနယ်စပ်inရိယာနှင့်ကိုက်ညီမှုရှိစေရန်နယ်ပယ်ပုံရိပ်ကိုအရွယ်အစားချခြင်း၊ border-radius attribute ကပုံတစ်ပုံမပါဘဲ rounded ထောင့်တွေထည့်လို့ရတယ်။ အဆိုပါပစ္စည်းဥစ္စာပိုင်ဆိုင်မှုထောင့်၏အသွင်သဏ္ဌာန်အဖြစ်သတ်မှတ်ပါတယ်။

ပုံစံအရောင်များ

CSS attribute selector များသည်အထူးသဖြင့်အရောင်တန်ဖိုးရှိသည့် element အားလုံးကို style လုပ်ရန်ရိုးရှင်းစေသည်။ အရောင်သော့ချက်စာလုံး၊ RGB (), RGBA (), HSL () နှင့် HSLA () သင်္ကေတများကိုသင်အသုံးပြုနိုင်သည်။ RGBA အရောင်တန်ဖိုးများသည် RGB အရောင်မော်ဒယ်၏ချဲ့ထွင်မှုတစ်ခုဖြစ်ပြီးရုပ်သံလိုင်းတစ်ခုနှင့်အရောင်၏ကြည်လင်ပြတ်သားမှုကိုသတ်မှတ်သည်။ parameter တန်ဖိုးတန်ဖိုးမှ ၁.၀ မှ (opaque} မှ 0.0 (transparent) အထိကွဲပြားသည်။

HSL အရောင်မော်ဒယ်ကို (Hue_saturation_Lightness) ဟုရှင်းပြသည်။ အရောင်ကိုယ်စားပြုမှုသည်ထောင့် (0-360) သို့မဟုတ်အရောင်ဘီးပုံစံဖြစ်သည်။ Saturation နှင့် lightness ကိုတိုင်းတာသည့်ရာခိုင်နှုန်း၏ 0% သည်အရိပ်သို့မဟုတ်မီးခိုးရောင်ကိုကိုယ်စားပြုပြီး ၁၀၀ အရောင်သည်အပြည့်ဖြစ်သည်။ ၁၀၀% အလင်းသည်အဖြူရောင်ကိုကိုယ်စားပြုပြီး ၀% သည်အနက်ရောင်ဖြစ်သည်။

mass gmail