Pseudoelementos en CSS

Hola a todos, hoy os voy a explicar como funcionan los pseudoelementos en CSS.

Un pseudoelemento CSS es una palabra clave que se añade a los selectores y permite añadir estilos a una parte concreta del documento.

Recuerda que en los pseudoelementos, se coloca doble dos puntos entre el selector y la pseudoelemento.

After

Permite añadir un texto adicional al final de los elementos que les afecte. Se necesita la propiedad content.

Before

Permite añadir un texto adicional al principio de los elementos que les afecte. Se necesita la propiedad content.

First-line

Aplica estilo a la primera línea visible del elemento.

Prueba a cambiar la resolución.

First-letter

Aplica estilo a la primera letra del elemento.

Espero que os sea de ayuda. Si tenéis dudas, preguntad. Estamos para ayudarte.

Compartir

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *