Algúns dos pseudo-elementos máis importantes son:

Pseudo-Elemento Funcionamento Exemplo en CSS

Pseudo-Elemento	Funcionamento	Exemplo en CSS
`selector::first-letter`	Selecciona a primeira letra do texto que contén a etiqueta ou etiquetas seleccionadas co selector	Con este código en CSS coloreamos a primeira letra de todos os parágrafos. `selector::first-letter { color: red; }`
`selector::first-line`	Selecciona a primeira liña do texto que contén a etiqueta ou etiquetas seleccionadas co selector	Con este código en CSS colorearemos de vermello a primeira liña de todos o parágrafos `selector::first-line { color: red; }`

selector::first-letter

Selecciona a primeira letra do texto que contén a etiqueta ou etiquetas seleccionadas co selector

Con este código en CSS coloreamos a primeira letra de todos os parágrafos.

selector::first-letter {
      color: red;
    }

selector::first-line

Selecciona a primeira liña do texto que contén a etiqueta ou etiquetas seleccionadas co selector

Con este código en CSS colorearemos de vermello a primeira liña de todos o parágrafos

selector::first-line {
      color: red;
    }

Exemplo...

Exemplo da utilización dos pseudo-elementos. Diego Rodicio Álvarez. CC BY-SA

Pulsa no botón de abaixo para descargar este exemplo:

Pseudo-Elementos