:after
Podsumowanie
Tworzy pseudoelement, który staje się ostatnim dzieckiem danego elementu. Zazwyczaj używany jest do wprowadzania kosmetycznych zmian danego elementu. Domyślnie element wstawiany jest inline.
Składnia
/* składnia CSS2 */ selektor:after { własności }
/* składnia CSS3 */ selektor::after { własności }
Zapis ::after został wprowadzony w CSS 3 w celu ustanowienia różnicy pomiędzy pseudo klasami, a pseudo elementami. Przeglądarki akceptują również notację :after wprowadzoną w CSS 2.
Przykłady
Prosty przykład
<html>
<body>
<p>akapit</p>
</body>
</html>
p:after {
content: 'Koniec';
display: block;
margin-top: 3em;
}
body:after { content: 'Koniec dokumentu'; }
Notatki
Elementy wstawiane do dokumentu poprzez :after nie są widziane w drzewie dokumentu.