after ප්‍රත්‍යය

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

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

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

උදාහරණය

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

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

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

Результат:

උදාහරණය

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

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

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

Результат:

මේවාත් බලන්න