Psevdoelement after

after psevdoelementi elementdən sonra mətn əlavə edir. Yalnız əlavə ediləcək mətni təyin edən content xüsusiyyəti ilə birlikdə istifadə olunur.

Sintaksis

selektor::after {
	content: 'mətn';
}

Gəlin elə edək ki, li üzərinə gəlindiyində onun sonuna mətn əlavə olunsun:

<ul>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ul>

li:hover::after {
	content: '!!!';
}

Əlavə olunan mətnə müxtəlif stillər tətbiq etmək olar. Gəlin, məsələn, bu mətni hansısa rəngə boyayaq:

<ul>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
	<li>siyahı elementi</li>
</ul>

li:hover::after {
	color: red;
	content: '!!!';
}