Pseudo-elementi before
Pseudo-elementi before fut tekst
para elementit. Përdoret vetëm së bashku
me vetinë content,
e cila përcakton tekstin që duhet futur.
Sintaksa
përzgjedhësi::before {
content: 'teksti';
}
Shembull
Le të bëjmë që kur kursorin e sillim mbi
li të futet teksti në fillim:
<ul>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
</ul>
li:hover::before {
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>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
<li>element i listës</li>
</ul>
li:hover::before {
color: red;
content: '!!!';
}
:
Shihni gjithashtu
-
pseudo-elementi
after,
i cili bën futje pas tekstit të tagut -
funksionin
attr,
i cili merr vlerën e atributit të tagut -
vetinë
counter-increment,
e cila përcakton numërimet automatike
