Descripción
El pseudo-elemento ::after de CSS nos permite insertar contenido después de un elemento HTML. Es uno de los pseudo-elementos más utilizados en CSS para añadir contenido decorativo o funcional a nuestros elementos. Este pseudo-elemento debe utilizarse junto con la propiedad content para definir el contenido que queremos insertar.
Sintaxis
::after
Ejemplo
Veamos un ejemplo de cómo utilizar el pseudo-elemento ::after. En este caso vamos a añadir contenido después de un elemento párrafo.
p::after {
content: " → Más información";
color: blue;
font-style: italic;
}