Selektor after służy do wstawienia fragmentu tekstu za dowolnym elementem (np. paragrafem <p>).
p::after {
content: " - tutaj wstaw dodatkową treść do wyświetlenia za paragrafem";
}W analogiczny sposób (ale umożliwiający wstawienie dodatkowego tekstu przed danym elementem) działa selektor before.
p::after {
content: " - tutaj wstaw dodatkową treść do wyświetlenia przed paragrafem";
}Selektory te mogą się przydać, np. gdy chcemy wprowadzić drobne zmiany w motywie, bez ingerencji w niego, tak jak w poniższym przykładzie:
Dodatkowa treść za pomocą selektora after, została umieszczona za sliderem na stronie głównej.
Więcej informacji na temat tego, jak znaleźć interesujący nas element motywu znajdziesz w artykule Zbadaj element