Применение специальных стилей до и после элементов

Предположим, требуется предварить каждый элемент h2 парой серебряных квадратных скобок:

h2:before {content: "]]"; color: silver;}

CSS2.1 позволяет вставлять генерируемое содержимое (generated content), а затем применять к нему специальные стили, используя псевдоэлементы :before и :after. Псевдоэлемент предназначен для добавления генерируемого содержимого и для применения к нему специальных стилей. Чтобы поместить содержимое после элемента, применяйте псевдоэлемент :after. Вы могли бы использовать следующее правило для завершения документов:

body:after {content: " The End.";}

Генерируемое содержимое – это отдельный вопрос, и вся эта тема (включая более детальное рассмотрение псевдоэлементов :before и :after)

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Выбор дочерних элементов
Выбор конкретного атрибута
Выбор между селектором классов и селектором идентификаторов
Выбор на основании конкретного значения атрибута
Выбор первого дочернего элемента

Вернуться в раздел: CSS / 2. Селекторы