Kipengele cha Uongo cha After

Kipengele cha uongo after kinazingiza maada baada ya kipengele. Kinatumika tu pamoja na sifa content, ambayo huweka maada ya kuingizwa.

Kiendeshaji

csskichaguzi::after {
  content: 'maada';
}

Mfano

Wacha tufanye ili pale tunapoelea kwenye li mwisho wake maada ingizwe:

html<ul>
  <li>kipengee cha orodha</li>
  <li>kipengee cha orodha</li>
  <li>kipengee cha orodha</li>
  <li>kipengee cha orodha</li>
  <li>kipengee cha orodha</li>
</ul>

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

Результат:

Mfano

Kwa maada ya kuingizwa unaweza kutumia mitindo mbalimbali. Wacha tuipake rangi, kwa mfano, maada hii kwa rangi yoyote:

html<ul>
  <li>kipengee cha orodha</li>
  <li>kipengee cha orodha</li>
  <li>kipengee cha orodha</li>
  <li>kipengee cha orodha</li>
  <li>kipengee cha orodha</li>
</ul>

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

Результат:

Angalia pia