疑似クラス last-child

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

構文

cssセレクタ:last-child {
  
}

例

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

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

cssli:last-child {
  color: red;
}

Результат: