Pseudoprvěk after
Pseudoprvěk after vkládá text
za prvek. Používá se pouze společně
se vlastností content,
která nastavuje text, který má být vložen.
Syntaxe
selektor::after {
content: 'text';
}
Příklad
Pojďme zařídit, aby po najetí myší na
li byl na jeho konec vložen text:
<ul>
<li>položka seznamu</li>
<li>položka seznamu</li>
<li>položka seznamu</li>
<li>položka seznamu</li>
<li>položka seznamu</li>
</ul>
li:hover::after {
content: '!!!';
}
:
Příklad
K vkládanému textu lze aplikovat různé styly. Obarvíme například tento text nějakou barvou:
<ul>
<li>položka seznamu</li>
<li>položka seznamu</li>
<li>položka seznamu</li>
<li>položka seznamu</li>
<li>položka seznamu</li>
</ul>
li:hover::after {
color: red;
content: '!!!';
}
:
Viz také
-
pseudoprvěk
before,
který provádí vložení před text tagu -
funkci
attr,
která získá hodnotu atributu tagu -
vlastnost
counter-increment,
která nastavuje automatické číslování
