疑似要素first-letter

疑似要素 first-letter は、要素内のテキストの最初の文字にスタイルを設定することを可能にします。

構文

cssセレクター::first-letter {
  
}

各段落の最初の文字にスタイルを適用してみましょう：

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

Результат: