Psevdoelement after

Psevdoelement after matnni elementdan keyin kiritadi. Faqat content xususiyati bilan birgalikda ishlatiladi, bu kiritiladigan matnni belgilaydi.

Sintaksis

selector::after {
	content: 'matn';
}

Keling, li ustiga sichqoncha olib borilganda uning oxiriga 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::after {
	content: '!!!';
}

Kiritiladigan matnga turli uslublarni qo'llash mumkin. Keling, masalan, bu matnni qandaydir 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::after {
	color: red;
	content: '!!!';
}