after | Css

 

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

Artículos

Manual CSS

Aprende más sobre CSS consultando online o descargando nuestro manual.

Test CSS

¿Te atreves a probar tus habilidades y conocimiento en CSS con nuestro test?