Псевдоэlemento first-letter

El pseudo-elemento first-letter permite aplicar estilos a la primera letra del texto en un elemento.

Sintaxis

cssselector::first-letter {
  
}

Ejemplo

Apliquemos estilos a las primeras letras de cada párrafo:

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;
}

Результат: