Pseudoelemento first-letter

O pseudoelemento first-letter permite definir estilos para a primeira letra do texto em um elemento.

Sintaxe

cssseletor::first-letter {
  
}

Exemplo

Vamos aplicar estilos às primeiras letras de cada parágrafo:

html<p>
  Lorem ipsum dolor sit amet.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp::first-letter {
  color: red;
  font-size: 27px;
}

Результат: