Псевдоэлемент 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,
ки рақамгузории худкорро муайян мекунад