Przykład
Wstaw tekst po zawartości poszczególnych <p> element:
p::after
{
content: " - Remember this";
}
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
:: Po selektora wstawia coś po zawartości każdego wybranego element(s) .
Użyj zawartości właściwości można określić zawartość wstawić.
Użyj :: przed selektorem wstawić coś przed treścią.
| Wersja: | CSS2 |
|---|
Pomoc Browser
Liczby w tabeli określa pierwszą wersję przeglądarki, która w pełni obsługuje wybierak.
| Selektor | |||||
|---|---|---|---|---|---|
| ::after | 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, składnię CSS2 pojedynczego dwukropka (:after) . Nowsze wersje obsługują standardowe, podwójnie grubego CSS3 składni (::after) .
Uwaga: Za: po pracy w IE8, a <! DOCTYPE> muszą być zadeklarowane.
Składnia CSS
::after {
css declarations ;
}
Więcej przykładów
Przykład
Wstaw zawartość po każdym <p> elementu i styl wstawiony treści:
p::after
{
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
Spróbuj sam " Podobne strony
Kurs CSS: CSS Pseudoelementy
CSS Selector referencyjny: CSS :: przed selektorem