CSS по шагам


Применение псевдоэлемента after


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<style type="text/css">

P.new:after {

 content: " - Новьё!" /* Добавляем после текста параграфа */

}

</style>

</head>

<body>

<p class="new">Ловля льва в пустыне с помощью метода золотого сечения.</p>

<p>Метод ловли льва простым перебором.</p>

</body>

</html>

В данном примере к содержимому абзаца с классом new добавляется дополнительное слово, которое выступает значением параметра content.

Замечание

Псевдоэлементы after и before, а также стилевое свойство content не поддерживаются браузером Internet Explorer.



Содержание раздела