CSS :last-child パシフィクス

定義と使用方法

CSS :last-child パシフィクスは、親要素の最後の子要素としてのどの要素にも一致します。

ヒント：p:last-child 同等 p:nth-last-child(1)。

例

親要素の最後の子要素の <p> 要素に背景色を指定します。同時に親要素の最後の子要素の <li> 要素に背景色を指定します：

p:last-child {
  background-color: yellow;
}
li:last-child {
  background-color: yellow;
}

自分で試してみてください

CSS文法

:last-child {
  css宣言;
}

技術的詳細

バージョン： CSS3

ブラウザのサポート

テーブルの数字は、そのパシフィクスの最初のバージョンのブラウザを完全にサポートしています。

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

関連ページ

参照：CSS :last-of-type 仮類