A :before és :after
pseudo-osztályok segítségével valamely
elemben megadott elem elé illetve mögé be lehet szúrni generált
objektumokat.
Például a címeket meg lehet sorszámozni, ha eléjük egy számláló értékét szúrjuk be:
Kombinálva a :first-letter pseudo-elemmel, a következő példában az S betű arany színű lesz:
A :before és az :after pseudo elemek minden
lehetséges tulajdonság értékét öröklik attól az elemtől, amely elé illetve mögé
valamilyen értéket megadnak. A következő példában a nyitó idézőjel csak azért
lesz piros, mert külön meg van adva:
Mivel a Q elem
display tulajdonságának értéke
inline, így ezt az értéket örökölve ez lesz az idézőjelé is.
E két pseudo-elem esetében nem használhatók a következő tulajdonságok:
position, float, lista-tulajdonságok, valamint a
táblázat-tulajdonságok.