Los pseudoelementos CSS se utilizan para agregar efectos especiales a algunos selectores. No necesita usar JavaScript ni ningún otro script para usar esos efectos.
Los pseudo-elementos más utilizados son los siguientes:
| No. | Valor y descripción |
|---|---|
| 1 | :first-line Use este elemento para agregar estilos especiales a la primera línea del texto en un selector. |
| 2 | :first-letter Use este elemento para agregar un estilo especial a la primera letra del texto en un selector. |
| 3 | :before Utilice este elemento para insertar algún contenido antes de un elemento. |
| 4 | :after Use este elemento para insertar algún contenido después de un elemento. |
El pseudo-elemento: first-line
El siguiente ejemplo muestra cómo usar el elemento :first-line para agregar efectos especiales a la primera línea de elementos en el documento.
El pseudo-elemento: primera letra
El siguiente ejemplo muestra cómo utilizar el elemento :first-letter para agregar efectos especiales a la primera letra de los elementos del documento.
El pseudo-elemento: before
El siguiente ejemplo demuestra cómo usar el elemento :before para agregar algo de contenido antes de cualquier elemento.
El pseudo-elemento: after
El siguiente ejemplo demuestra cómo usar el elemento: after para agregar algo de contenido después de cualquier elemento.