CSS :: przed selektorem
Przykład
Wstaw tekst przed zawartością każdego elementu <p>:
p::before
{
content: "Read this: ";
}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Selektor ::before
wstawia coś przed zawartością każdego wybranego elementu.
Użyj właściwości content , aby określić treść do wstawienia.
Użyj selektora ::after , aby wstawić coś po treści.
Wersja: | CSS2 |
---|
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje selektor.
Selector | |||||
---|---|---|---|---|---|
::before | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Składnia CSS
::before {
css declarations;
}
Więcej przykładów
Przykład
Wstaw zawartość przed zawartością każdego elementu <p> i stylizuj wstawioną zawartość:
p::before
{
content: "Read this -";
background-color: yellow;
color: red;
font-weight: bold;
}
Powiązane strony
Samouczek CSS: CSS Pseudo-elementy
Dokumentacja selektora CSS: CSS ::after selektor