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;
}