El CSS:: antes del contenido de la selección se inserta antes de un elemento seleccionado. CSS: después del contenido de las inserciones después de un elemento específico. Estos selectores se usan comúnmente para agregar texto antes o después de un párrafo o enlace.
Al diseñar un sitio web, puede agregar contenido antes o después del contenido de una página. elemento. Por ejemplo, puede agregar una imagen antes de cada viñeta en una lista.
Aquí es donde entran:: antes y después:: elementos pseudo-CSS. Estos pseudo-elementos le permiten insertar contenido antes o después después del contenido de un elemento.
Este tutorial discutirá, haciendo referencia a ejemplos, cómo usar los pseudo-elementos:: before y after:: para decorar el contenido de una página web. Cuando termine de leer este tutorial, será un experto en el uso de:: antes y después:: pseudoelementos en CSS.
Pseudoelementos CSS
Un pseudo-elemento elemento es una palabra clave especial que le permite diseñar una parte específica de los elementos seleccionados por un selector de CSS. En este artículo, llamaremos a los pseudoelementos como selectores porque cada pseudoelemento es un selector
Los pseudoelementos son útiles cuando desea aplicar estilo a un elemento sin agregar CSS o ID de clases al elemento. Por ejemplo, si desea agregar una flecha ">" después de cada enlace en una página web, puede usar un pseudoelemento.
CSS ofrece una amplia gama de pseudoelementos. En particular:: primera línea,:: primera letra,:: antes y después::. A los efectos de este tutorial, nos centraremos en los dos últimos::::: antes y después.
Los pseudoelementos normalmente se representan mediante dos puntos (::). Aunque CSS3 admite el uso de la sintaxis de un solo punto (:) para declarar un pseudoelemento, la mejor práctica es usar la notación de dos puntos