CSS

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

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

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


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

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

Генерируемое содержимое – это отдельный вопрос, и вся эта тема (включая более детальное рассмотрение псевдоэлементов :before и :after)
Теги:
after, before, content, после, стилей, правило, использовать, могли, завершения, документов, предназначен, применяйте, элемента, поместить, Чтобы, применения, содержимого, генерируемого, добавления, вопрос, псевдоэлемент, псевдоэлементы, Псевдоэлемент, color, элементов , Предположим, требуется, предварить, элемент, скобок, silver, используя, позволяет, вставлять, generated
Добавлено: 16 Июля 2018 08:42:41 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...