after ප්‍රත්‍යය

after ප්‍රත්‍යය පෙළ ඇතුල් කරයි අංගයෙන් පසුව. එය භාවිතා කරන්නේ එක්ව පමණි content දේපල සමඟ, එය ඇතුල් කළ යුතු පෙළ නියම කරයි.

වාක්‍ය රචනා ක්‍රමය

තෝරන්නා::after {
	content: 'පෙළ';
}

අපි එසේ කරමු li මත දැමූ විට එහි අවසානයට පෙළ ඇතුල් කරනු ලැබේ:

<ul>
	<li>ලැයිස්තු අයිතමය</li>
	<li>ලැයිස්තු අයිතමය</li>
	<li>ලැයිස්තු අයිතමය</li>
	<li>ලැයිස්තු අයිතමය</li>
	<li>ලැයිස්තු අයිතමය</li>
</ul>

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

ඇතුල් කරන පෙළට විවිධ යෙදිය හැකිය ශෛලීන්. අපි මෙම පෙළ වර්ණ ගන්වමු, උදාහරණයක් වශයෙන්, යම් වර්ණයකට:

<ul>
	<li>ලැයිස්තු අයිතමය</li>
	<li>ලැයිස්තු අයිතමය</li>
	<li>ලැයිස්තු අයිතමය</li>
	<li>ලැයිස්තු අයිතමය</li>
	<li>ලැයිස්තු අයිතමය</li>
</ul>

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