Pseudoelemento first-letter

Il pseudoelemento first-letter permette di applicare stili alla prima lettera del testo in un elemento.

Sintassi

cssselettore::first-letter {
  
}

Esempio

Applichiamo gli stili alle prime lettere di ogni paragrafo:

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

Результат: