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