CSS တွင် အတန်းစု များစွာဖြင့် အစိတ်အပိုင်းကို ရွေးချယ်ခြင်း

လိုအပ်ပါက တစ်ချိန်တည်းတွင် အတန်းစု နှစ်ခုရှိသော အစိတ်အပိုင်းကို ရွေးချယ်နိုင်ပြီး၊ ထိုအတန်းစုများထဲမှ တစ်ခုသာရှိသော အစိတ်အပိုင်းများကို မထိခိုက်စေပဲ ရွေးချယ်နိုင်ပါသည်။

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

<p class="eee">
	ဤသည်မှာ စာသားပါသော စာပိုဒ်တစ်ခုဖြစ်သည်။
</p>
<p class="zzz">
	ဤသည်မှာ စာသားပါသော စာပိုဒ်တစ်ခုဖြစ်သည်။
</p>
<p class="eee zzz">
	ဤသည်မှာ စာသားပါသော စာပိုဒ်တစ်ခုဖြစ်သည်။
</p>

မြင်တွေ့ရသည့်အတိုင်း၊ ပထမစာပိုဒ်တွင် eee အတန်းစု၊ ဒုတိယစာပိုဒ်တွင် zzz အတန်းစု၊ တတိယစာပိုဒ်တွင် ထိုအတန်းစု နှစ်ခုလုံး တစ်ပြိုင်နက်ရှိပါသည်။

ကျန်စာပိုဒ်များကို မထိခိုက်စေပဲ နောက်ဆုံးစာပိုဒ်ကို ရွေးချယ်ကြပါစို့။ ဤသို့ပြုလုပ်ရန် အတန်းစုတစ်ခု၏ အမည်နှင့် ဒုတိယအတန်းစု၏ အမည်ကို ကြားတွင် ကွာဟချက်မရှိပဲ တစ်ဆက်တည်း ရေးပါ။

.eee.zzz {
	color: red;
}

eee, zzz နှင့် ccc အတန်းစုများ တစ်ပြိုင်နက်ရှိသော အစိတ်အပိုင်းကို ရွေးချယ်ပါ။

<p class="eee">
	ဤသည်မှာ စာသားပါသော စာပိုဒ်တစ်ခုဖြစ်သည်။
</p>
<p class="zzz">
	ဤသည်မှာ စာသားပါသော စာပိုဒ်တစ်ခုဖြစ်သည်။
</p>
<p class="ccc">
	ဤသည်မှာ စာသားပါသော စာပိုဒ်တစ်ခုဖြစ်သည်။
</p>
<p class="eee zzz ccc">
	ဤသည်မှာ စာသားပါသော စာပိုဒ်တစ်ခုဖြစ်သည်။
</p>