Pseudoelementas after
Pseudoelementas after įterpia tekstą
po elemento. Naudojamas tik kartu
su savybe content,
kuri nurodo, kokį tekstą reikia įterpti.
Sintaksė
selektorius::after {
content: 'tekstas';
}
Pavyzdys
Padarykime taip, kad užvedus pelę ant
li į jo galą būtų įterptas tekstas:
<ul>
<li>sąrašo elementas</li>
<li>sąrašo elementas</li>
<li>sąrašo elementas</li>
<li>sąrašo elementas</li>
<li>sąrašo elementas</li>
</ul>
li:hover::after {
content: '!!!';
}
:
Pavyzdys
Prie įterpiamo teksto galima taikyti įvairius stilius. Nudažykime, pavyzdžiui, šį tekstą kokia nors spalva:
<ul>
<li>sąrašo elementas</li>
<li>sąrašo elementas</li>
<li>sąrašo elementas</li>
<li>sąrašo elementas</li>
<li>sąrašo elementas</li>
</ul>
li:hover::after {
color: red;
content: '!!!';
}
:
Taip pat žiūrėkite
-
pseudoelementas
before,
kuris atlieka įterpimą prieš elemento tekstą -
funkciją
attr,
kuri gauna elemento atributo reikšmę -
savybę
counter-increment,
kuri nustato automatinį numeravimą
