ဆက်ခံရွေးချယ်မှုတွင် အစပြုသူများ၏ အမှား

အောက်ပါ selector ကို ကြည့်ပါ။

cssp.eee {
  color: red;
}

အဆိုပါ selector သည် class eee ရှိသော စာပိုဒ်များကို ရွေးချယ်မည်ဆိုသည်ကို သင်သိပြီးဖြစ်သင့်ပါသည်။ ဥပမာ၊ ဤအရာများ-

html<p class="eee">
  lorem ipsum
</p>
<p class="eee">
  lorem ipsum
</p>

ယခု ဤ selector ကို ကြည့်ပါ။

cssp .eee {
  color: green;
}

ဤ selector သည် ယခင်ကထက် ကွဲပြားချက်မှာ tag အမည်နှင့် class အမည်ကြားတွင် ခြားနားချက် (space) တစ်ခု ရှိခြင်းဖြစ်သည်။ ထိုခြားနားချက်သည် ဆက်ခံရွေးချယ်မှု (descendant selector) ကို ကိုယ်စားပြုပါသည်။ ဆိုလိုသည်မှာ ဤကိစ္စတွင် ကျွန်ုပ်တို့သည် စာပိုဒ်များအတွင်း၌ တည်ရှိသော class eee ရှိသည့် element အားလုံးကို ရွေးချယ်နေခြင်းဖြစ်သည်။ ဥပမာ၊ ဤ selector သည် အောက်ပါ span များကို ရွေးချယ်မည်။

html<p>
  lorem <span class="eee">ipsum</span>
</p>
<p>
  lorem <span class="eee">ipsum</span>
</p>

ကုဒ် run ထားသော ရလဒ်။

cssp.bbb {
  color: red;
}

cssp .bbb {
  color: red;
}

css.eee p.bbb {
  color: red;
}

css.eee p .bbb {
  color: red;
}