CSS ::po selektorze
Przykład
Wstaw tekst po zawartości każdego elementu <p>:
p::after
{
content: " - Remember this";
}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Selektor ::after
wstawia coś po zawartości każdego wybranego elementu.
Użyj właściwości content , aby określić treść do wstawienia.
Użyj selektora ::before , aby wstawić coś przed 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 | |||||
---|---|---|---|---|---|
::after | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
Składnia CSS
::after {
css declarations;
}
Więcej przykładów
Przykład
Wstaw zawartość po każdym <p> elemencie i stylizuj wstawioną zawartość:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Powiązane strony
Samouczek CSS: CSS Pseudo-elementy
Dokumentacja selektora CSS: CSS :: przed selektorem