пример
Вставьте текст после содержимого каждого <p> элемента:
p::after
{
content: " - Remember this";
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
:: После селектора вставляет что - то после содержимого каждого выбранного element(s) .
Используйте содержание свойство , чтобы указать содержимое для вставки.
Используйте :: до того селектора , чтобы вставить что - то перед содержанием.
| Версия: | CSS2 |
|---|
Поддержка браузеров
Числа в таблице определяет первую версию браузера, который полностью поддерживает селектор.
| селектор | |||||
|---|---|---|---|---|---|
| ::after | 4.0 | 9.0 Частичное от 8,0 | 3.5 | 3.1 | 7.0 Частичное от 4,0 |
Примечание: IE8 и Opera 4-6 поддерживают только старый, одного толстого кишечника синтаксис CSS2 (:after) того, как (:after) . Более новые версии поддерживают стандарт, дважды двоеточие CSS3 синтаксис (::after) .
Примечание: Для получения : после того, как работать в IE8, а <! DOCTYPE> должен быть объявлен.
CSS Синтаксис
::after {
css declarations ;
}
Еще примеры
пример
Вставить содержимое после каждого <p> элемента, и стиль вставленного содержимого:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Попробуй сам " Похожие страницы
Учебник CSS: CSS Псевдо-элементы
CSS Selector Ссылка: CSS :: Перед селектором