Descripción
El pseudo-elemento ::before en CSS nos permite insertar contenido antes del elemento al que se aplica. Es uno de los pseudo-elementos más utilizados en CSS para añadir contenido decorativo o funcional sin modificar el HTML. Siempre debe utilizarse junto con la propiedad content para especificar qué contenido se insertará.
Sintaxis
::before
Ejemplo
Veamos un ejemplo práctico de cómo utilizar el pseudo-elemento ::before. En este caso, añadiremos un icono decorativo antes de cada enlace en nuestra página:
a::before {
content: "➜";
margin-right: 5px;
color: #0066cc;
}
