Pseudo-elemento ::first-line
O pseudo-elemento ::first-line é utilizado para selecionar e estilizar a primeira linha de um bloco de texto.
Exemplo
Considere o seguinte trecho de código HTML com um parágrafo:
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>O código CSS abaixo estilizará a primeira linha do parágrafo, tornando-a em negrito e alterando a cor para vermelho escuro:
p::first-line {
font-weight: bold;
color: #cc0000;
}
Neste exemplo, a primeira linha do parágrafo será exibida em negrito e com uma cor vermelho escuro.