CSS :last-of-type パseudoクラス

定義と使用方法

CSS :last-of-type パseudoクラスは、その親要素内の同種の最後の子要素としての要素に一致する任何の要素をマッチングします。

ヒント：これは、 :nth-last-of-type(1) 同じです。

例

親要素の最後の <p> 要素と最後の <li> 要素に対して背景色を指定します：

p:last-of-type {
  background-color: yellow;
}
li:last-of-type {
  background-color: yellow;
}

実際に試してみてください

CSS文法

:last-of-type {
  css宣言;
}

技術的詳細

バージョン： CSS3

ブラウザのサポート

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

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6

相关页面

参考：CSS :last-child 伪类