:last-of-type クラス
:last-of-type クラスは、対象となる1つまたは複数の同じタグエレメントのうち最後のエレメントにスタイルを反映する擬似クラスです。
:last-of-type クラスは、対象となるタグエレメントが1つでも最後のタグエレメントとして選択されます。
対になるクラスに:first-of-typeクラスがあります。こちらは最初のエレメントが対象になります。
似た疑似クラスに:last-childクラスがあります。 :last-childクラスは対象となるエレメントが複数なければ選択しません。
ページ内 Index
構文(Syntax)
CSS
DOM ( JavaScript )
疑似クラスはDOM ( JavaScript )から操作できません。
スタイルのみの操作は擬似クラスを利用したほうが簡易です。
in HTML
in JavaScript
Example
:last-of-typeの例です。対象となる1つまたは複数の同じタグエレメントのうち最後のエレメントにスタイルを反映します。
関連疑似クラス
似た機能を有する疑似クラスに以下があります。
- :first-child... 複数あるエレメントの内で最初のエレメント(要素)が対象
- :first-of-type... 1つまたは複数あるエレメントの内で最初のエレメント(要素)が対象
- :last-child... 複数あるエレメントの内で最後のエレメント(要素)が対象
- :last-of-type... 1つまたは複数あるエレメントの内で最後のエレメント(要素)が対象