Un pseudo-élément applique des styles à des parties du contenu d’un document dans le cas où il n’y a pas d’élément HTML à cibler.
Ils sont préfixés par deux deux-points.( :: )

Syntaxe

selecteur::pseudo-élément {propriété:valeur;}

Exemple


/* La première lettre des paragraphes sera de couleur rouge*/
p::first-letter{color:"red"};


Testez vos propres exemples sous Jsfiddle. Cliquez ici