Pseidoelements before
Pseidoelements before ievieto tekstu
pirms elementa. Tiek lietots tikai kopā
ar īpašību content,
kas norāda tekstu, kas jāievieto.
Sintakse
selektors::before {
content: 'teksts';
}
Piemērs
Izveidosim tā, lai, novedot kursoru virs
li, tā sākumā tiktu ievietots teksts:
<ul>
<li>saraksta vienība</li>
<li>saraksta vienība</li>
<li>saraksta vienība</li>
<li>saraksta vienība</li>
<li>saraksta vienība</li>
</ul>
li:hover::before {
content: '!!!';
}
:
Piemērs
Ievietotajam tekstam var lietot dažādus stilus. Piemēram, iekrāsim šo tekstu kādā krāsā:
<ul>
<li>saraksta vienība</li>
<li>saraksta vienība</li>
<li>saraksta vienība</li>
<li>saraksta vienība</li>
<li>saraksta vienība</li>
</ul>
li:hover::before {
color: red;
content: '!!!';
}
:
Skatiet arī
-
pseidoelements
after,
kas veic ievietošanu pēc elementa teksta -
funkciju
attr,
kas iegūst elementa atribūta vērtību -
īpašību
counter-increment,
kas norāda automātisku numerāciju
