The last-of-type pseudo-class

The last-of-type pseudo-class selects the element that is the last child of a parent of a given type. That is, if I'll write h2:last-of-type - the last h2 in the parent will be found (unlike last-child, which will find only the h2 that is the very last in the parent).

Syntax

cssselector:last-of-type {
  
}

Example

Let's find the paragraph that is the last paragraph in the parent:

html<div>
  <h2>header</h2>
  <p>paragraph</p>
  
  <h2>header</h2>
  <p>paragraph</p>
  
  <h2>header</h2>
  <p>paragraph</p>
</div>

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

Результат: