CSS :: Псевдоэлемент ::after
http://belarusweb.net
Основы создания сайтов

CSS :: Псевдоэлемент ::after

Псевдоэлемент ::after (от англ. afterпосле) позволяет выбрать элементы требуемого типа, после которых вставляется предопределенное содержимое, указанное в качестве значения стилевого свойства content. Например, p::after {блок объявлений}.

Селекторы псевдоэлементов выбирают элементы требуемого типа, явно не указанные в дереве элементов html-документа и соответствующие требованиям указанного в селекторе псевдоэлемента, который отделяется от элемента двумя двоеточиями '::'.

Синтаксис

<селектор>::after {блок объявлений}

Ссылки

Примеры

HTML Результат BwCodes
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">  
	<title>Пример №1</title>

	<style>
	
		/* Вставим перед элементами красные звездочки. */
		div::before, p::before{
		content: "***";
		color: red;			 
		}
		
		/* Вставим после элементов синие звездочки. */	
		p::after, div::after{
		content: "***";
		color: blue;			 
		}
		
	</style>
	
</head>
<body>
	
	<div>
		У меня вначале стоят красные звездочки,<br>
		а в конце синие!
	</div>
	
	<p>
		Что ты говоришь?<br>
		У меня, представь, тоже)))
	</p>
	
</body>
</html>

Пример №1