СSS Селектор ::after
Пример
Вставить некоторый текст после содержимого каждого элемента <p>:
p::after
{
content: " - Помнить об этом";
}
Редактор кода »
Определение и использование
Селектор ::after вставляет что-то после содержимого каждого выбранного элемента(ов).
Используйте свойство content для указания содержимого для вставки.
Используйте селектор ::before, чтобы вставить что-то перед содержанием.
| Версия: | CSS2 |
|---|
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает селектор.
| Селектор | |||||
|---|---|---|---|---|---|
| ::after | 4.0 | 9.0 Частично от 8.0 |
3.5 | 3.1 | 7.0 Частично от 4.0 |
Примечание: IE8 и Opera 4-6 поддерживают только старый синтаксис CSS с одним двоеточием (: after). Более новые версии поддерживают стандартный синтаксис с двойным двоеточием (:: after).
Примечание: Для :after работы в IE8, декларация <!DOCTYPE> должена быть объявлена.
CSS Синтаксис
::after {
css декларация;
}
Примеры
Пример
Вставляйте содержимое после каждого элемента <p> и стилизуйте вставленное содержимое:
p::after
{
content: " - Помнить об этом";
background-color: yellow;
color: red;
font-weight: bold;
}
Редактор кода »
Связанные страницы
CSS Учебник: CSS Псевдо-элементы
CSS Справочник селекторов: CSS ::before селектор
