ယာယီအစိတ်အပိုင်း before

ယာယီအစိတ်အပိုင်း before သည် အစိတ်အပိုင်းတစ်ခုရှေ့တွင် စာသားကို ထည့်သွင်းပေးပါသည်။ ၎င်းကို သာမာန်အားဖြင့် content ဂုဏ်သတ္တိနှင့်သာ တွဲဖက်အသုံးပြုပြီး၊ ထိုဂုဏ်သတ္တိကသာ ထည့်သွင်းရမည့် စာသားကို သတ်မှတ်ပေးပါသည်။

ဝါကျဖွဲ့စည်းပုံ

ရွေးချယ်သူ::before {
	content: 'စာသား';
}

ဥပမာ

li ပေါ်သို့ မောက်စ်ဖြင့်ညွှန်လိုက်သည့်အခါ ၎င်းရှေ့တွင် စာသားတစ်ခုထည့်သွင်းရန် ပြုလုပ်ကြည့်ရအောင်။

<ul>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
</ul>

li:hover::before {
	content: '!!!';
}

ဥပမာ

ထည့်သွင်းမည့် စာသားကို ပုံစံအမျိုးမျိုးဖြင့် သတ်မှတ်နိုင်ပါသည်။ ဥပမာအားဖြင့်၊ ဤစာသားကို အရောင်တစ်မျိုးမျိုးဖြင့် ဆေးကြောကြည့်ရအောင်။

<ul>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
	<li>စာရင်းအရာ</li>
</ul>

li:hover::before {
	color: red;
	content: '!!!';
}

ဒါတွေလည်းကြည့်ပါ

ယာယီအစိတ်အပိုင်း after,
အမှတ်အသား၏စာသားပြီးနောက်တွင် ထည့်သွင်းပေးပါသည်
လုပ်ဆောင်ချက် attr,
အမှတ်အသား၏ ဂုဏ်သတ္တိတန်ဖိုးကို ရယူပေးပါသည်
ဂုဏ်သတ္တိ counter-increment,
အလိုအလျောက် နံပါတ်တပ်ခြင်းကို သတ်မှတ်ပေးပါသည်