カテゴリー
:first-child CSS セレクタ 擬似クラス

【CSS】:first-child(擬似クラス):最初の子要素にスタイルを適用する

【CSS】:first-child(擬似クラス):最初の子要素にスタイルを適用する

See the Pen
:lang
by linlin (@linlin098765)
on CodePen.

<div>
  <h3>h3-1<h3>
  <p>p-1</p>
  <h3>h3-2<h3>
  <p>p-2</p>
</div>
h3:first-child{color:red;}

【CSS】:first-child(擬似クラス):最初の子要素にスタイルを適用する

 CSSの:first-childは、要素の最初の子要素にスタイルを適用する擬似クラスです。擬似クラスの適用方法は「要素orクラス名orid名:擬似クラス」です。