Псевдокласс last-of-type

Псевдокласс last-of-type выбирает элемент, который является последним потомком родителя заданного типа. То есть, если я напишу h2:last-of-type - найдется последний h2 в родителе (в отличии от last-child, который найдет только тот h2, который стоит самым последним в родителе).

Синтаксис

селектор:last-of-type { }

Пример

Найдем заголовок h2, который является последним h2 в родителе:

<div> <h2>заголовок</h2> <p>абзац</p> <h2>заголовок</h2> <p>абзац</p> <h2>заголовок</h2> <p>абзац</p> </div> h2:last-of-type { color: red; }

: