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

Ο ψευδο-κλάσος only-of-type επιλέγει ένα στοιχείο που είναι ο μοναδικός απόγονος συγκεκριμένου τύπου.

Σύνταξη

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

Παράδειγμα

Θα χρωματίσουμε την επικεφαλίδα h2 με κόκκινο χρώμα, εάν είναι η μοναδική h2 στον γονέα της:

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

cssdiv {
  border: 1px dashed black;
  padding: 15px;
  margin-bottom: 10px;
}
h2:only-of-type {
  color: red;
}

Результат: