Pseudo-elementi after
Pseudo-elementi after fut tekst
pas elementit. Përdoret vetëm së bashku
me vetinë content,
e cila përcakton tekstin që duhet futur.
Sintaksa
përzgjedhës::after {
content: 'tekst';
}
Shembull
Le të bëjmë që kur kursorin e miut e vendosim mbi
li, në fund të tij të futet teksti:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:hover::after {
content: '!!!';
}
:
Shembull
Tekstit të futur mund t'i aplikohen stile të ndryshme. Le ta ngjyrosim, për shembull, këtë tekst me ndonjë ngjyrë:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:hover::after {
color: red;
content: '!!!';
}
:
Shihni gjithashtu
-
pseudo-elementi
before,
i cili bën futje para tekstit të tagut -
funksionin
attr,
i cili merr vlerën e atributit të tagut -
vetinë
counter-increment,
e cila përcakton numërimet automatik
