Ο ψευδο-κλάσος 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;
}
: