Sélecteur ::FIRST-LINE
Rôle
Le sélecteur first-line est un pseudo-element désigné par la syntaxe ::first-line qui permet de cibler la première ligne de chaque élément 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 ligne du paragraphe.
p::first-line{
font-size: 2em;
color: red;
}
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure optio laborum officiis autem, aliquid porro iusto totam tenetur et. Animi sunt totam voluptatum sint voluptates odit placeat amet soluta modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos perspiciatis saepe necessitatibus esse tenetur qui enim voluptatem, minima officia dicta omnis itaque nam, ut iusto nisi quos accusamus voluptatibus possimus!</p>
Testez vous-même ce sélecteur
Version : CSS1
Compatibilité
Le sélecteur first-line est pris en charge par tous les principaux navigateurs.
A partir d’Internet Explorer 9.
