Псевдоэлемент after
Псевдоэлемент after матнни элементдан
кейин киритади. Факат content хусусияти
билан бирга ишлатилади, у киритиладиган матнни белгилайди.
Синтаксис
селектор::after {
content: 'матн';
}
Мисол
Келинг, li устига курсор келтирилганда
унинг охирига матн киритиладиган килиб курамиз:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:hover::after {
content: '!!!';
}
:
Мисол
Киритиладиган матнга турли стилларни кўллаш мумкин. Келинг, масалан, бу матнни бирон рангга бояйлик:
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:hover::after {
color: red;
content: '!!!';
}
:
Шунингдек ку́ринг
-
псевдоэлемент
before,
у тег матни олдига киритиш яратади -
функция
attr,
у тег атрибутининг кийматини олади -
хусусият
counter-increment,
у авватоматик рақамлашни белгилайди
