Pseudo-classe last-of-type

La pseudo-classe last-of-type sélectionne un élément qui est le dernier enfant de son parent d'un type donné. Autrement dit, si je écris h2:last-of-type - le dernier h2 dans le parent sera trouvé (contrairement à last-child, qui ne trouvera que le h2 qui se trouve tout à la fin dans le parent).

Syntaxe

csssélecteur:last-of-type {
  
}

Exemple

Trouvons le titre h2 qui est le dernier h2 dans le parent :

html<div>
  <h2>titre</h2>
  <p>paragraphe</p>
  
  <h2>titre</h2>
  <p>paragraphe</p>
  
  <h2>titre</h2>
  <p>paragraphe</p>
</div>

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

Результат: