Псевдоэлемент 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: '!!!';
}