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

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

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

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

p i {
	color: red;
}

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

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

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

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

p > i {
	color: red;
}

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

အောက်ပါကုဒ်ကို ပေးထားသည်။

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

li တဂ်များ၏ တိုက်ရိုက်ဆက်ခံသူများသာ ဖြစ်သော b တဂ်များကို အနီရောင်သာ ဆေးခြယ်ပါ။