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