Psevdoelement before
Psevdoelement before matnni element
oldiga kiritadi. Faqat content
xususiyati bilan birgalikda ishlatiladi,
bu kiritiladigan matnni belgilaydi.
Sintaksis
selector::before {
content: 'matn';
}
Misol
Keling, li ustiga sichqoncha olib borilganda
uning boshiga matn kiritilsin:
<ul>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
</ul>
li:hover::before {
content: '!!!';
}
:
Misol
Kiritiladigan matnga turli xil uslublarni qo'llash mumkin. Keling, masalan, bu matnni biron bir rangga bo'yaymiz:
<ul>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
<li>ro'yxat elementi</li>
</ul>
li:hover::before {
color: red;
content: '!!!';
}
:
Shuningdek qarang
-
psevdoelement
after,
bu tegga matndan keyin kiritishni amalga oshiradi -
funksiya
attr,
bu tegning atribut qiymatini olish imkonini beradi -
xususiyat
counter-increment,
bu avtomatik raqamlashni belgilaydi
