Ο ψευδο-κλάσος only-of-type
Ο ψευδο-κλάσος only-of-type επιλέγει
ένα στοιχείο που είναι ο μοναδικός απόγονος
συγκεκριμένου τύπου.
Σύνταξη
επιλογέας:only-of-type {
}
Παράδειγμα
Θα χρωματίσουμε την επικεφαλίδα h2 με κόκκινο χρώμα, εάν
είναι η μοναδική h2 στον γονέα της:
<div>
<h2>επικεφαλίδα</h2>
<p>παράγραφος</p>
<p>παράγραφος</p>
<p>παράγραφος</p>
</div>
<div>
<h2>επικεφαλίδα</h2>
<p>παράγραφος</p>
<h2>επικεφαλίδα</h2>
<p>παράγραφος</p>
<p>παράγραφος</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
