Sélecteur ::FIRST-LETTER
Rôle
Le sélecteur first-letter est un pseudo-element désigné par la syntaxe ::first-letter qui permet de cibler la première lettre du sélecteur associé.
Note: ce sélecteur ne fonctionne qu’avec les éléments HTML de type bloc (p, h1-h6, div..).
Dans l’exemple ci-dessous, on applique un style particulier à la première lettre du paragraphe.
p::first-letter{
font-size: 2em;
color: red;
}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti labore in, saepe sapiente ex amet, dignissimos laudantium neque quo blanditiis maxime, tenetur pariatur iusto. Voluptatibus eos deleniti distinctio autem enim.</p>
Testez vous-même ce sélecteur
Version : CSS1
Compatibilité
Le sélecteur first-letter est pris en charge par tous les principaux navigateurs.
A partir d’Internet Explorer 9.