Pseudoelement after
Pseudoelement after umeće tekst
posle elementa. Koristi se samo zajedno
sa svojstvom content,
koje zadaje tekst koji treba umetnuti.
Sintaksa
selektor::after {
content: 'tekst';
}
Primer
Hajde da napravimo da se pri prelasku mišem preko
li u njegov kraj umetne tekst:
<ul>
<li>stavka liste</li>
<li>stavka liste</li>
<li>stavka liste</li>
<li>stavka liste</li>
<li>stavka liste</li>
</ul>
li:hover::after {
content: '!!!';
}
:
Primer
Na umetnuti tekst mogu se primeniti razni stilovi. Obojimo, na primer, ovaj tekst u neku boju:
<ul>
<li>stavka liste</li>
<li>stavka liste</li>
<li>stavka liste</li>
<li>stavka liste</li>
<li>stavka liste</li>
</ul>
li:hover::after {
color: red;
content: '!!!';
}
:
Vidi takođe
-
pseudoelement
before,
koji vrši umetanje pre teksta taga -
funkciju
attr,
koja dobija vrednost atributa taga -
svojstvo
counter-increment,
koje zadaje automatsko numerisanje
