Ψευδοκλάση first-of-type
Η ψευδοκλάση first-of-type επιλέγει
το στοιχείο που είναι ο πρώτος απόγονος
του γονέα ενός συγκεκριμένου τύπου. Δηλαδή, αν γράψετε
h2:first-of-type - θα βρεθεί το πρώτο h2 στον γονέα
(σε αντίθεση με το first-child,
που θα βρει μόνο εκείνο το h2 που βρίσκεται
πρώτο στον γονέα).
Σύνταξη
selector:first-of-type {
}
Παράδειγμα
Ας βρούμε την παράγραφο που είναι η πρώτη παράγραφος στον γονέα:
<div>
<h2>τίτλος</h2>
<p>παράγραφος</p>
<h2>τίτλος</h2>
<p>παράγραφος</p>
<h2>τίτλος</h2>
<p>παράγραφος</p>
</div>
p:first-of-type {
color: red;
}
:
