CSS ရှိ ဆင်းသက်သူ selection ၏ ဦးစားပေးမှု

ယခင်သင်ခန်းစာများအားလုံးတွင် selection အားလုံးသည် element ကိုယ်တိုင်ကို ဖမ်းယူရန် လိုအပ်ခဲ့သည်။ တစ်ခု selection က element တစ်ခုကို ဖမ်းပြီး နောက်တစ်ခု selection က ထို element ၏ မိဘကို ဖမ်းသည့် အခြေအနေမျိုးလည်း ရှိနိုင်သည်။

မိဘတစ်ခုကို ဥပမာအားဖြင့် အရောင် သတ်မှတ်ပေးထားပါက ထိုအရောင်သည် ဆင်းသက်သူမှ အမွေဆက်ခံရမည် ဆိုတာ သင်သိပြီးဖြစ်သည်။ သို့သော် ဆင်းသက်သူကိုလည်း အရောင် သတ်မှတ်ပေးထားပါက ဆင်းသက်သူ၏ selection သည် မိဘ၏ selection ထက် ဦးစားပေးမှု ပိုမြင့်လိမ့်မည်။

ဆိုလိုသည်မှာ ဆင်းသက်သူ tag selector သည် မိဘ၏ class ကို အနိုင်ရသည်။

html<div class="block">
  <p>text</p>
</div>

css.block {
  color: red;
}
p {
  color: green; /* ဤအရောင် ကို အသုံးပြုမည် */
}

Результат:

ဆင်းသက်သူ tag selector သည် မိဘ၏ id ကိုလည်း အနိုင်ရသည်။

html<div id="block">
  <p class="text">text</p>
</div>

css#block {
  color: red;
}
.text {
  color: green; /* ဤအရောင် ကို အသုံးပြုမည် */
}

Результат: