Що таке content в CSS3?

Властивість content додає додатковий текст чи символ до HTML-розмітки. Часто вона використовується з псевдокласами, такими як: ::after і ::before.

Значення властивості:

• 'слова/символ' - рядок із даними, які будуть вставлені в HTML-розмітку сторінки;
• none - нічого не робить і не додає нічого;
• normal - також нічого не робить, але задається для псевдокласів ::after і ::before;
• url - додавання об'єкта за посиланням на нього. Якщо об'єкта за посиланням не буде, то буде вставлено порожнє значення;
• attr(назва) - бере значення атрибута, наприклад: p::after {content: attr(title)}. Таким чином буде взятий атрибут title тега p і він буде вставлений після цього ж атрибута в якості тексту.

a[target="_blank"]::after { 
	content: ' ->';
	color: #ccc051;
}

<a href="#" target="_blank">Target Black</a>
<br>
<a href="#">Звичайне посилання</a>