Kipengele cha Uongo Kabla

Kipengele cha uongo before kinaingiza maandishi kabla ya kipengele. Kinatumika tu pamoja na sifa content, ambayo huweka maandishi ya kuingiza.

Syntax

kichaguzi::before {
	content: 'maandishi';
}

Mfano

Wacha tufanye ili, unapoelekeza kwenye li maandishi yaingizwe mwanzo:

<ul>
	<li>kipengele cha orodha</li>
	<li>kipengele cha orodha</li>
	<li>kipengele cha orodha</li>
	<li>kipengele cha orodha</li>
	<li>kipengele cha orodha</li>
</ul>

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

Mfano

Kwa maandishi yanayoingizwa unaweza kutumia mitindo mbalimbali. Wacha tuyaweke rangi, kwa mfano, maandishi haya kwa rangi yoyote:

<ul>
	<li>kipengele cha orodha</li>
	<li>kipengele cha orodha</li>
	<li>kipengele cha orodha</li>
	<li>kipengele cha orodha</li>
	<li>kipengele cha orodha</li>
</ul>

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

Angalia pia

kipengele cha uongo after,
kinachofanya uingizaji baada ya maandishi ya kitambulisho
kitendo attr,
kinachopata thamani ya sifa ya kitambulisho
sifa counter-increment,
kinachoweka nambari ya kiotomatiki