Псевдокласс 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;
}
: