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

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