Przykład
Wstaw tekst przed zawartości poszczególnych <p> element:
p::before
{
content: "Read this: ";
}
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
:: Przed selektorem wstawia coś przed treścią każdego wybranego element(s) .
Użyj zawartości właściwości można określić zawartość wstawić.
Użyj :: po selektora wstawić coś po zawartości.
| Wersja: | CSS2 |
|---|
Pomoc Browser
Liczby w tabeli określa pierwszą wersję przeglądarki, która w pełni obsługuje wybierak.
| Selektor | |||||
|---|---|---|---|---|---|
| ::before | 4,0 | 9,0 Częściowa od 8,0 | 3,5 | 3,1 | 7,0 Częściowa od 4,0 |
Uwaga: IE8 oraz Opera 4-6 obsługuje tylko stare, jednego grubego CSS2 składni (:before) . Nowsze wersje obsługują standardowe, podwójnie grubego CSS3 składni (::before) .
Uwaga: W przypadku: wcześniej do pracy w IE8, a <! DOCTYPE> muszą być zadeklarowane.
Składnia CSS
::before {
css declarations ;
}
Więcej przykładów
Przykład
Wstaw zawartość przed każdym <p> zawartości elementu i styl wstawiony treści:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Spróbuj sam " Podobne strony
Kurs CSS: CSS Pseudoelementy
CSS Selector referencyjny: CSS :: po selektora