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

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

Mfano

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

<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>

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

Mfano

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

<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>

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

Angalia pia

kipengele cha uongo before,
kinachofanya uingizaji kabla ya maada ya kitambulisho
kitendakazi attr,
kinachopata thamani ya sifa ya kitambulisho
sifa counter-increment,
kinachoweka nambari ya kiotomatiki