疑似クラス first-child

疑似クラス first-child は、 親要素の最初の子要素である要素を選択します。

構文

cssセレクタ:first-child {
  
}

例

この例では、親要素（ol内の最初）の 最初の子要素である li を赤色にします：

html<ol>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: