CSS selector အများအပြား အသုံးပြုရာတွင် ဖြစ်တတ်သော အမှား

အစပြုသူများ၏အမှားကို သတိပေးလိုက်ပါသည်။ selector .bbb.zzz နှင့် selector .bbb .zzz တို့သည် လုပ်ဆောင်ချက်မတူညီပါ။ ပထမတစ်ခုသည် class နှစ်ခုတစ်ပြိုင်နက်ရှိသော element ကို ရှာဖွေပြီး၊ ဒုတိယတစ်ခုကမူ class bbb အတွင်းတွင်ရှိသော class zzz ရှိသည့် element ကို ရှာဖွေပါသည်။

Задание 1

အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -

cssh2.zzz {
  color: red;
}
Задание 2

အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -

cssh2 .zzz {
  color: red;
}
Задание 3

အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -

css.bbb.zzz {
  color: red;
}
Задание 4

အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -

css.bbb .zzz {
  color: red;
}
Задание 5

အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -

css.bbb.zzz.xxx {
  color: red;
}
Задание 6

အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -

css.bbb .zzz.xxx {
  color: red;
}
Задание 7

အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -

css.bbb.zzz .xxx {
  color: red;
}
Задание 8

အောက်�တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -

css.bbb .zzz .xxx {
  color: red;
}
Задание 9

အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -

css#elem.bbb {
  color: red;
}
Задание 10

အောက်တွင်ဖော်ပြထားသော ကုဒ်ရှိ selector က မည်သည်ကို ရွေးချယ်သည်ကို ရှင်းပြပါ။ ထို့နောက် ထို selector နှင့်ကိုက်ညီသော HTML ကုဒ်ကို ရေးပါ။ Selector ပါသော ကုဒ်မှာ -

css#elem .bbb {
  color: red;
}