Dzięki :before i :after możemy dodać wybraną zawartość do strony z CSS.
Dodawane przez nas elementy są anonimowe.
W cssie wpisujemy to do selektorów np. div, p, itp..
Przykładowy kod w cssie:

div(lub inny selektor):after{
content: " ";
}

div(lub inny selektor):before{
content: " ";
}

Najedź myszką 1

Najedź myszką 2

Wykorzystujemy :before i :after do:

animacji

zmianie rozmiaru różnych elementów

dodawanie contentu

zmiana czcionki

zmiany menu

dekoracja pragrafów lub innych elementów strony

można wstawiać odnośniki do stron lub do pliku z tekstem który się na wyświetli

zmiana położenia elementów

itp...