Pseudoklasa last-of-type

Pseudoklasa last-of-type wybiera element, który jest ostatnim potomkiem rodzica określonego typu. To znaczy, jeśli napiszę h2:last-of-type - zostanie znaleziony ostatni h2 w rodzicu (w przeciwieństwie do last-child, który znajdzie tylko ten h2, który stoi ostatni w rodzicu).

Składnia

cssselektor:last-of-type {
  
}

Przykład

Znajdźmy nagłówek h2, który jest ostatnim h2 w rodzicu:

html<div>
  <h2>tytuł</h2>
  <p>akapit</p>
  
  <h2>tytuł</h2>
  <p>akapit</p>
  
  <h2>tytuł</h2>
  <p>akapit</p>
</div>

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

Результат: