အစ CSS ကို
CSS ကို စာရွက်စာတမ်းအတွက်ထားတဲ့ element ကိုသက်ဆိုင်ရာစတိုင်ဆုံးဖြတ်ရန်ပုံစံကိုက်ညီစည်းမျဉ်းစည်းကမ်းတွေအပေါ်မှီခိုနေရသည်။ ဤရွေ့ကားပုံစံများတစ်ဦးစာရွက်စာတမ်းအလွန်တိကျသောစိတျအပိုငျးကိုက်ညီသောအလွန်ရှုပ်ထွေးပုံစံများ (ဥပမာ, p # myid> b.highlight နှင့်အတူမည်သည့်ခ tag ကိုကိုက်ညီမယ်လို့ဖို့ selector တွေကိုခေါ်ပြီးသူတို့ (အပိုဒျ tags များနှင့်ကိုက်ညီရန်ဥပမာ, p) tag ကိုအမည်များကနေအထိရှိပါသည် အဆိုပါအိုင်ဒီ myid အတူအပိုဒ်၏ကလေးတစ်ဦးဖြစ်တယ်ဆိုတာမီးမောင်းထိုးပြနေတဲ့အတန်းအစား) ။
တစ်ဦးက CSS ရွေး style အမျိုးမျိုးရပါမည်ဝဘ်စာမျက်နှာကိုအဘယျအပိုငျးကိုသတ်မှတ်ဖေါ်ပြတဲ့ CSS ကိုစတိုင်ခေါ်ဆိုခများ၏အစိတ်အပိုင်းတစ်ရပ်ဖြစ်ပါတယ်။ အဆိုပါ selector ရွေးချယ်ထားကိုဘယ်လိုသတ်မှတ်ကြောင်းတစ်ခုသို့မဟုတ်တစ်ခုထက်ပိုသောဂုဏ်သတ္တိများပါရှိသည် HTML ကို style အမျိုးမျိုးပါလိမ့်မည်။
အဆိုပါ CSS ကို selector
selector တွေကိုအမျိုးအစားပေါင်းမြောက်များစွာရှိပါတယ်:
- အမျိုးအစားတိကျတဲ့ဒြပ်စင် selector တွေကို-ကိုက်ညီ
- တိကျတဲ့လူတန်းစားနှင့်အတူလူတန်းစား selector တွေကို-တိုက်ဆိုင်သည့်ဒြပ်စင်
- ID ကိုတိကျတဲ့ ID ကိုအတူဒြပ်စင် selector တွေကို-ကိုက်ညီ
- ဆင်းသက်လာ selector တွေကို တိကျတဲ့ဒြပ်စင်၏သားစဉ်မြေးဆက်ဖြစ်ကြောင်းဒြပ်စင် -matching
- တိကျသောဒြပ်စင်၏ကလေးတစ်ဦးဖြစ်ကြောင်းကလေးသည် selector တွေကို-တိုက်ဆိုင်သည့်ဒြပ်စင်
- တစ်လောကလုံးမဆိုဒြပ်စင် selector တွေကို-ကိုက်ညီ
- ချက်ချင်းတိကျတဲ့ဒြပ်စင်များကရှေ့ပြေးကပ်လျက်မှေးခငျြး selector တွေကို-တိုက်ဆိုင်သည့်ဒြပ်စင်
- တိကျတဲ့ attribute ကိုသို့မဟုတ် attribute ကိုတန်ဖိုး selector တွေကို-တိုက်ဆိုင်သည့်ဒြပ်စင် attribute
- တိကျတဲ့ကြားဖြတ်လူတန်းစားနှင့်အတူ Pseudo-class ကို selector တွေကို-တိုက်ဆိုင်သည့်ဒြပ်စင်
- တိကျတဲ့ Pseudo-ဒြပ်စင်ဂုဏ်သတ္တိများနှင့်အတူ Pseudo-ဒြပ်စင် selector တွေကို-တိုက်ဆိုင်သည့်ဒြပ်စင်
format CSS ကို Styles နဲ့ CSS selector
တစ်ဦး CSS ကိုစတိုင်ပုံစံကဒီတူ:
selector {စတိုင်အိမ်ခြံမြေ: စတိုင်; }
ကော်မာအားဖြင့်ထိုအတူစတိုင်ရှိသည်သီးခြားမျိုးစုံ selector တွေကို။ ဤသည် selector အုပ်စုဟုခေါ်သည်။ ဥပမာ:
selector1, selector2 {စတိုင်အိမ်ခြံမြေ: စတိုင်; }
selector တွေကိုအုပ်စုခွဲကျစ်လစ်သိပ်သည်းသင့်ရဲ့ CSS ကိုစတိုင်များကိုစောင့်ရှောက်ရန်တစ်အတိုကောက်ယန္တရားဖြစ်ပါတယ်။
အထက်ပါအုပ်စုကဲ့သို့တူညီသောအကျိုးသက်ရောက်မှုရှိသည်မယ်လို့:
selector1 {စတိုင်အိမ်ခြံမြေ: စတိုင်; }
selector2 {စတိုင်အိမ်ခြံမြေ: စတိုင်; }
အမြဲတမ်းသင့် CSS ကို selector စုံစမ်း
အားလုံးကတော့ browser များအပေါငျးတို့သ CSS ကို selector တွေကိုထောက်ခံပါတယ်။ ဒါကြောင့်သင်တတ်နိုင်သလောက်များများ operating system များပေါ်တွင်အဖြစ်အများအပြား browser များ၌သင်တို့၏ selector တွေကိုစမ်းသပ်ဖို့သေချာပါစေ။ သငျသညျ CSS ကို 1 သို့မဟုတ် CSS2 selector တွေကိုကိုအသုံးပြုနေလျှင်သင်တို့မူကားဒဏ်ငွေဖြစ်သင့်သည်။