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

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

Mfano

Wacha tufanye ili, unapoelekeza kwenye li maandishi yaingizwe mwanzo:

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

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

Результат:

Mfano

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

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

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

Результат:

Angalia pia