疑似クラス last-of-type

疑似クラス last-of-type は、 指定された型の親要素の最後の子孫である 要素を選択します。つまり、 h2:last-of-type と書けば、 親要素内の最後の h2 が対象になります（これは、 親要素内の最後の子要素である h2 のみを対象とする last-child とは異なります）。

構文

cssセレクタ:last-of-type {
  
}

例

親要素内で最後の h2 である見出しを見つけます：

html<div>
  <h2>見出し</h2>
  <p>段落</p>
  
  <h2>見出し</h2>
  <p>段落</p>
  
  <h2>見出し</h2>
  <p>段落</p>
</div>

cssh2:last-of-type {
  color: red;
}

Результат: