CSS ရှိ ကလေးအစိတ်အပိုင်း ရွေးချယ်မှု

အောက်ပါကုဒ်ကို ကျွန်ုပ်တို့တွင် ရှိသည်ဆိုပါစို့။

html<p>
  စာသား <b><i>ထူထူ စာလုံးစောင်း</i></b>
</p>
<p>
  စာသား <i>စာလုံးစောင်းသာ</i>
</p>

ကျွန်ုပ်တို့သည် အပိုဒ်များ၏ ဆက်ခံသူများဖြစ်သော i တဂ်များအားလုံးကို ရွေးချင်သည်ဆိုပါစို့။ ထိုသို့ပြုလုပ်ကြပါစို့။

cssp i {
  color: red;
}

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

ယခု ကျွန်ုပ်တို့၏ အပိုဒ်များ၏ တိုက်ရိုက်ဆက်ခံသူများ ဖြစ်သော i တဂ်များကို ရွေးချယ်ကြပါစို့။ ၎င်းတွင် ကလေးအစိတ်အပိုင်း ရွေးချယ်မှု > က ကျွန်ုပ်တို့ကို ကူညီပါလိမ့်မည်။

၎င်းကို မည်သို့အသုံးပြုရမည်ကို နားလည်ရန်၊ ဆက်ခံသူ ရွေးချယ်မှုနှင့် နှိုင်းယှဉ်ကြည့်ကြပါစို့။ ဤသို့ဆိုလျှင်- p i - ကျွန်ုပ်တို့သည် အပိုဒ်များအတွင်းရှိ စာလုံးစောင်းအားလုံးကို ရွေးမည်။ သို့သော် ဤသို့ဆိုလျှင်- p > i - အပိုဒ်များ၏ တိုက်ရိုက်ဆက်ခံသူများသာ ဖြစ်သော စာလုံးစောင်းများကိုသာ ရွေးမည်။

ဤရွေးချယ်မှုကို ကျွန်ုပ်တို့၏ HTML ကုဒ်သို့ အသုံးပြုကြပါစို့။

cssp > i {
  color: red;
}

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

html<ul>
  <li>
    <i>စာလုံးစောင်း</i>
    <b>ထူထူ</b>
    <b><i>ထူထူ စာလုံးစောင်း</i></b>
  </li>
  <li>
    <i>စာလုံးစောင်း</i>
    <b>ထူထူ</b>
    <b><i>ထူထူ စာလုံးစောင်း</i></b>
  </li>
</ul>