Pseudo-elementas before
Pseudo-elementas before įterpia tekstą
prieš elementą. Naudojamas tik kartu
su savybe content,
kuri nurodo tekstą, kurį reikia įterpti.
Sintaksė
selektorius::before {
content: 'tekstas';
}
Pavyzdys
Padarykime taip, kad užvedus pelę ant
li į jo pradžią 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::before {
content: '!!!';
}
:
Pavyzdys
Prie įterpiamo teksto galima taikyti įvairius stilius. Nudažykime, pavyzdžiui, šį tekstą kokią nors spalvą:
<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::before {
color: red;
content: '!!!';
}
:
Taip pat žiūrėkite
-
pseudo-elementas
after,
kuris atlieka įterpimą po teksto žymės -
funkciją
attr,
kuri gauna elemento atributo reikšmę -
savybę
counter-increment,
kuri nustato automatinį numeravimą
