Pseudoelementos

Generación de contenido

Dentro de la categoría de los pseudoelementos CSS, como punto central, se encuentra la propiedad content. Esta propiedad se utiliza en selectores que incluyen los pseudoelementos ::before o ::after, para indicar que vamos a crear contenido antes o después del elemento en cuestión.

Primera letra y primera línea

También existen pseudoelementos con los que podemos hacer referencia a la primera letra de un texto. Para ello utilizamos el pseudoelemento ::first-letter, así como el pseudoelemento ::first-line si queremos hacer referencia a la primera línea de un texto. De esta forma, podemos dar estilo a esas secciones concretas del texto:

Signos de las listas (markers)

Existe también un pseudoelemento para hacer referencias a los signos o marcas de la listas (<ol> o <ul>), en el caso de que queramos que tengan, por ejemplo, un color diferente al del texto de la lista. Se aplican a los elementos <li> de los ítems de una lista.

Otros pseudoelementos

Existen otros pseudoelementos quizás menos conocidos.



Volver