CSS Selector Class နှင့် id အကြား ကွာခြားချက်မှာ အဘယ်နည်း။ HTML တွင် id နှင့် class အသုံးပြုမှု

CSS Selector Class နှင့် id အကြား ကွာခြားချက်မှာ အဘယ်နည်း။ HTML တွင် id နှင့် class အသုံးပြုမှု

Chen Weiliangလက်ရှိလုပ်ဆောင်နေပါတယ်။SEO ဆိုသည်မှာဆိုက်ကို အကောင်းဆုံးဖြစ်အောင်လုပ်ပါ။WordPressအပြင်အဆင်။

အရင်က အခြေခံ HTML နဲ့ CSS ဗဟုသုတအချို့ကို လေ့လာခဲ့ဖူးပေမယ့် အဲဒါကို ခဏကြာအောင် မလုပ်ဆောင်ခဲ့ဘူး၊ အထူးသဖြင့် CSS အပိုင်းအသုံးပြုမှုကို မေ့ဖို့လွယ်ပါတယ်။

ထို့ကြောင့်၊ ဤနေရာတွင် CSS ရွေးချယ်သူ အိုင်ဒီနှင့် အတန်း၏ ကွာခြားချက်နှင့် အသုံးပြုမှုတို့ကို မှတ်တမ်းတင်ပြီး အကျဉ်းချုံ့ပါ-

• id သည် #div နှင့် ကိုက်ညီသည်။
• အတန်းသည် .div နှင့် သက်ဆိုင်သည်။

id နှင့် class ကွာခြားချက်

id ဖော်ပြချက်

• id သည် #div ပုံစံဖြင့်သတ်မှတ်ထားသည့် ဝဘ်စာမျက်နှာရှိ ပိုကြီးသောစတိုင်ကို သတ်မှတ်ရန် အသုံးပြုသည့် ပုံသေတဂ်တစ်ခုဖြစ်သည်။
• ဥပမာ- ကော်လံများ၊ အပေါ်၊ ကိုယ်ထည်၊ အောက်ခြေ၊ စသည်ဖြင့် ပိုင်းခြားခြင်း။
• စာမျက်နှာတစ်ခုလျှင် တစ်ကြိမ်သာ ပေါ်လာနိုင်ပြီး ထပ်ခါတလဲလဲ မခေါ်ဆိုနိုင်သော သီးခြားဒြပ်စင်တစ်ခုကို သတ်မှတ်ရန် အသုံးပြုသည်။

အတန်းဖော်ပြချက်

• Class သည် ဝဘ်စာမျက်နှာရှိ အသေးစိတ်စတိုင်များကို သတ်မှတ်ရန် အသုံးပြုသည့် စတိုင်အုပ်စုတစ်ခုဖြစ်သည်။ ၎င်းကို .div ပုံစံဖြင့် သတ်မှတ်ပြီး ထပ်ခါထပ်ခါ ပြုလုပ်နိုင်သည်။
• ဥပမာ- သီးခြားမီနူးတစ်ခု၊ စာသားတစ်ကြောင်းစသည်ဖြင့်...
• စာမျက်နှာတစ်ခုတည်းတွင်၊ ၎င်းကို အစိတ်အပိုင်းများစွာဖြင့် ထပ်ခါတလဲလဲ ခေါ်နိုင်သည်။

div ရွေးပေးသူကိုယ်တိုင်က ဂုဏ်သတ္တိမရှိပါ။ ၎င်း၏ css ကို သတ်မှတ်ခြင်းဖြင့်၊ ၎င်းသည် div ၏ အကျယ်၊ အမြင့်၊ နောက်ခံအရောင်နှင့် div ၏ စာသားအရွယ်အစားကဲ့သို့သော အချို့သော အပြင်အဆင်များကို ထိန်းချုပ်ပါသည်။

အထွေထွေE-commerceဝဘ်ဆိုဒ်၊ဝဘ်ဆိုဒ်တစ်ခုတည်ဆောက်ပါ။ပရိုဂရမ်မှထုတ်လုပ်သော html ဝဘ်စာမျက်နှာသည် CSS မှတစ်ဆင့် စာမျက်နှာပုံစံကို သိရှိရန်ဖြစ်သည်။

ရွေးချယ်သူဆိုတာ ဘာလဲ။

CSS စတိုင်တစ်ခုစီ၏ အဓိပ္ပါယ်ဖွင့်ဆိုချက်တွင် အပိုင်း ၂ ပိုင်း ပါဝင်သည်-

选择器 {样式}

• {} ၏ ရှေ့ပိုင်းသည် "ရွေးချယ်မှု" ဖြစ်သည်။
• "ရွေးချယ်သူ" သည် ၎င်းလုပ်ဆောင်သည့် {} ၏ "စတိုင်" ကို ညွှန်ပြသည်။
• ဆိုလိုသည်မှာ ဤ "စတိုင်" သည် ဝဘ်စာမျက်နှာ၏ မည်သည့်ဒြပ်စင်တွင် အလုပ်လုပ်သနည်း။

ကုဒ်ဥပမာ

ဤတွင် class="sidebar" အစိတ်အပိုင်းတစ်ခုကို ရွေးချယ်ပြီး ပုံစံပုံစံလုပ်နည်းမှာ အောက်ပါအတိုင်းဖြစ်သည်-

.sidebar
{ 
background-color:black;
}

ဤသည်မှာ id="footer" ဖြင့် အစိတ်အပိုင်းတစ်ခုအား ရွေးချယ်ပုံနှင့် ပုံစံသွင်းနည်းမှာ ဤအရာဖြစ်သည်-

#footer
{ 
background-color:black;
}