Селектор ::after
Пример
Вставить некоторый текст после содержимого каждого элемента <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 селектор