පූර්ව ව්යාජ මූලද්‍රව්‍ය

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: '!!!';
}

Результат:

මේවාත් බලන්න