Ο ψευδο-κλάσος last-of-type

Ο ψευδο-κλάσος last-of-type επιλέγει ένα στοιχείο που είναι ο τελευταίος απόγονος του γονέα συγκεκριμένου τύπου. Δηλαδή, αν γράψω h2:last-of-type - θα βρεθεί ο τελευταίος h2 στον γονέα (σε αντίθεση με το last-child, που θα βρει μόνο εκείνο το h2 που βρίσκεται ακριβώς τελευταίο στον γονέα).

Σύνταξη

cssεπιλογέας:last-of-type {
  
}

Παράδειγμα

Ας βρούμε την επικεφαλίδα h2, που είναι η τελευταία h2 στον γονέα:

html<div>
  <h2>επικεφαλίδα</h2>
  <p>παράγραφος</p>
  
  <h2>επικεφαλίδα</h2>
  <p>παράγραφος</p>
  
  <h2>επικεφαλίδα</h2>
  <p>παράγραφος</p>
</div>

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

Результат: