Un pseudoelemento en CSS es una palabra clave que se añade a un selector para permitirnos manipular una parte específica de los elementos seleccionados. Por ejemplo, se pueden usar para estilizar la primera letra, o línea, de un elemento, insertar contenido antes o después de los contenidos de un elemento, etc.
Por ejemplo, los pseudoelementos ::before y ::after son bastante utilizados para insertar contenido en un elemento sin necesidad de modificar el HTML.
A diferencia de los pseudo clases, que definen estados especiales de un elemento, los pseudoelementos se utilizan para diseñar y alterar aspectos estructurales de un documento.
