Pseudo-elementos

Concepto

Los Pseudo-Elementos nos permiten seleccionar y poner estilo a una parte de un elemento
Ejemplo:
- Poner estilo a la primera letra o línea de un elemento
- Insertar contenido antes o después de un elemento

selector::pseudo-element {
  property: value;
}

p::first-line {
  color: #ff0000;
  font-variant: small-caps;
}

Existen 5 tipos de Pseudo-Elementos:

Pseudo-Elemento	Descripción	Ejemplo
::first-line	Formatea la primera línea del texto	Click aquí
::first-letter	Formatea la primera letra del texto	Click aquí
::after	Inserta algún contenido después del contenido de un elemento	Click aquí
::before	Inserta algún contenido antes del contenido de un elemento	Click aquí
::selection	Coteja la porción de un elemento que es seleccionado por el usuario	Click aquí