Псевдоэлементы before и after в CSS: добавляем контент до и после HTML элемента

Помощь проекту:
WMR: R288272666982
WMZ: Z293550531456
Яндекс.Деньги: 410011531129223

Тематическая группа (веб-дизайн): https://vk.com/zametkipohtml
Официальный паблик в ВК: https://vk.com/zametkinapolyah
Рубрика по теме в блоге: http://zametkinapolyah.ru/verstka-sajtov
Канал: https://www.youtube.com/user/zametkinapolyahru

::before (или :before в версиях CSS2/2.1) – это псевдоэлемент, который позволяет добавлять контент на веб-страницу до содержимого выбранного элемента, особенность данного селектора заключается в том, что у него есть обязательное свойство content. В качестве значения для этого свойства может быть произвольная строка.
::after (или :after в версиях CSS2/2.1) – это псевдоэлемент, который позволяет добавлять контент на веб-страницу после содержимого выбранного элемента, особенность данного селектора заключается в том, что у него есть обязательное свойство content. В качестве значения для этого свойства может быть произвольная строка.
p::after {content:’’Какой-то текст, например”;}
Начиная с версии CSS3, псевдоэлементы обозначаются ::, а псевдоклассы :. Но в данном случае новые браузеры понимают оба варианта.

Композиция “Ishikari Lore” принадлежит исполнителю Kevin MacLeod. Лицензия: Creative Commons Attribution (https://creativecommons.org/licenses/by/4.0/).
Оригинальная версия: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1100192.
Исполнитель: http://incompetech.com/

ПРИСОЕДИНЯЙТЕСЬ
КУЧА ИТ КНИГ
Поделиться

Кирилл Антонов

Канал для начинающего веб-разработчика. Здесь ты найдешь различные видео уроки о технологиях и программном обеспечение, которые используют веб-разработчики.



Обсуждение закрыто.