:first-letter疑似クラス

:first-letterは、１文字目にスタイルを適用する疑似クラスです。

解説

指定した要素内テキストの１文字目にのみスタイルを適用します。

構文

構文は以下になります。

サンプル

テキストの１文字目の背景を青色にする

p.sample01:first-letter{
  background-color:#8080ff;
}

<p class="sample01">
りんご<br>
みかん<br>
ぶどう
</p>

関連項目

• :first-line：１行目にスタイルを適用する
• :first-letter：１文字目にスタイルを適用する

Tweet