CSS selector အများအပြား အသုံးပြုရာတွင် ဖြစ်တတ်သော အမှား
အစပြုသူများ၏အမှားကို သတိပေးလိုက်ပါသည်။ selector
.bbb.zzz နှင့် selector .bbb .zzz
တို့သည် လုပ်ဆောင်ချက်မတူညီပါ။ ပထမတစ်ခုသည် class နှစ်ခုတစ်ပြိုင်နက်ရှိသော element ကို
ရှာဖွေပြီး၊ ဒုတိယတစ်ခုကမူ
class bbb အတွင်းတွင်ရှိသော class zzz ရှိသည့် element ကို
ရှာဖွေပါသည်။
အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -
h2.zzz {
color: red;
}
အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -
h2 .zzz {
color: red;
}
အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -
.bbb.zzz {
color: red;
}
အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -
.bbb .zzz {
color: red;
}
အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -
.bbb.zzz.xxx {
color: red;
}
အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -
.bbb .zzz.xxx {
color: red;
}
အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -
.bbb.zzz .xxx {
color: red;
}
အောက်�တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -
.bbb .zzz .xxx {
color: red;
}
အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -
#elem.bbb {
color: red;
}
အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -
#elem .bbb {
color: red;
}
