Los pseudo-elementos ':before' y ':after' pueden ser usados para insertar un contenido generado antes o después del contenido del elemento. Un pequeño ejemplo de uso podría ser si quisiesemos insertar un pequeño texto en cada instancia "pie" de todo nuestro sitio web. Tendríamos un pie de página:

<div id="pie"><a href="#">Contacto</a> | <a href="#">Localización</a></div>

Si quisiesemos mantener la fecha de actualización con CSS podríamos añadir la fecha después del contenido del pie

#pie:after {content: "Actualizado en Noviembre de 2005";}