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