before= antes
after = depois
o before adiciona algo antes a uma tag expecificada no CSS.
exemplo:
HTML
<P>
"ola mundo"
</P>
agora no CSS vai ficar assim
p:before
{
content:"texto qualquer";
}
ele vai adicionar "texto qualquer" antes da tag 'P' podendo formatar normalmente como quiser no CSS (fonte,cor ....)
eo after mesma coisa so que coloca depois da tag 'p'