Los pseudo-elementos CSS se utilizan para añadir efectos especiales a algunos selectores. 

La sintaxis de los pseudo-elementos:

selector:pseudo-element {propiedad:value;}
 Tipos de seudo-elementos
 
—:first-line: se aplica a la primera línea de un texto
—:first-letter: se aplica a la primera letra de un texto
—:first-child: identifica al primer hijo en una relación padre – hijo  
—:lang(id_lenguaje): cuando el lenguaje del elemento es id_lenguaje
—:before: sirve para generar texto antes del contenido de un texto
—:after: sirve para generar texto después del contenido de un elemento

::selection: referencia al texto seleccionado por el usuario.

 

EjemploEjemplo

Código Resultado
 
<!DOCTYPE html>
<html>
<head>

<style>
p:first-letter
{
color:#ff0000;
font-size:xx-large;
}
p:first-line
{
color:#0000ff;
font-variant:small-caps;
}
</style>

</head>

<body>
<p>Podemos combinar los seudo-elementos  :first-letter and :first-line
 y añadir efectos especiales al primer caracter y a la primera línea!</p>
</body>
</html>

Podemos combinar los seudo-elementos  :first-letter and :first-line y añadir efectos especiales al primer caracter y a la primera línea!