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

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

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

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

ဥပမာ

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

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

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

Результат:

ဥပမာ

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

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

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

Результат:

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