Ψευδοκλάση first-of-type

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

Σύνταξη

cssselector:first-of-type {
  
}

Παράδειγμα

Ας βρούμε την παράγραφο που είναι η πρώτη παράγραφος στον γονέα:

html<div>
  <h2>τίτλος</h2>
  <p>παράγραφος</p>
  
  <h2>τίτλος</h2>
  <p>παράγραφος</p>
  
  <h2>τίτλος</h2>
  <p>παράγραφος</p>
</div>

cssp:first-of-type {
  color: red;
}

Результат: