Pseidoelements after
Pseidoelements after ievieto tekstu
pēc elementa. Tiek izmantots tikai kopā
ar īpašību content,
kura nosaka tekstu, kas jāievieto.
Sintakse
selektors::after {
content: 'teksts';
}
Piemērs
Izveidosim tā, lai, novedot kursoru virs
li, tā beigās 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::after {
content: '!!!';
}
:
Piemērs
Ievietojamajam tekstam var piemērot dažādus stilus. Piemēram, iekrāsosim š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::after {
color: red;
content: '!!!';
}
:
Skatiet arī
-
pseidoelements
before,
kas veic ievietošanu pirms teksta atzīmes -
funkciju
attr,
kura iegūst atzīmes atribūta vērtību -
īpašību
counter-increment,
kura nosaka automātisku numerāciju
