Pseudo-element after
Pseudo-elementet after setter inn tekst
etter element. Brukes bare sammen
med egenskapen content,
som angir teksten som skal settes inn.
Syntaks
velger::after {
content: 'tekst';
}
Eksempel
La oss gjøre slik at ved å peke på
li settes teksten inn på slutten:
<ul>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
</ul>
li:hover::after {
content: '!!!';
}
:
Eksempel
Man kan bruke ulike stiler på teksten som settes inn. La oss for eksempel farge denne teksten i en eller annen farge:
<ul>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
<li>listeelement</li>
</ul>
li:hover::after {
color: red;
content: '!!!';
}
:
Se også
-
pseudo-elementet
before,
som setter inn før taggens tekst -
funksjonen
attr,
som henter verdien av taggens attributt -
egenskapen
counter-increment,
som angir automatisk nummerering
