Псевдоэлемент after
Псевдоэлемент after элементден кийин текст
киргизет. Ал content касиети менен
гана колдонулат, ал киргизилүүчү текстти белгилейт.
Синтаксис
тандоочу::after {
content: 'текст';
}
Мисал
Келгиле, li үстүнө чычканды жылдырганда
анын аягына текст киргизилсин:
<ul>
<li>тизме ушул</li>
<li>тизме ушул</li>
<li>тизме ушул</li>
<li>тизме ушул</li>
<li>тизме ушул</li>
</ul>
li:hover::after {
content: '!!!';
}
:
Мисал
Киргизилүүчү текстке ар кандай стилдерди колдонсо болот. Мисалы, бул текстти бир өңгө боёёлу:
<ul>
<li>тизме ушул</li>
<li>тизме ушул</li>
<li>тизме ушул</li>
<li>тизме ушул</li>
<li>тизме ушул</li>
</ul>
li:hover::after {
color: red;
content: '!!!';
}
:
Дагы караңыз
-
псевдоэлемент
before,
тегдин текстинин алдына киргизүү жасайт -
attrфункциясы,
тегдин атрибутунун маанисин алат -
counter-incrementкасиети,
автоматтык номерлоону белгилейт
