Pseudoklasa CSS :only-of-type wybiera element, jeśli jest on jedynym dzieckiem danego typu swojego rodzica. Innymi słowy, wybiera tylko te elementy, które nie mają elementów siostrzanych tego samego typu.
Istnieje także podobna pseudoklasa o nazwie :only-child, która wybiera element, jeśli jest on w ogóle jedynym dzieckiem swojego rodzica.
Przykład użycia :only-of-type
W tym przykładzie elementy em i strong będą miały czerwony kolor pisma, ponieważ każdy z nich jest jedynym dzieckiem określonego typu elementu p. Element span nie zostanie wybrany, ponieważ występuje w dwóch egzemplarzach.
<style>
p :only-of-type {color: red}
</style>
…
<p><span>Akapit</span> ciekawego <span>tekstu</span>, który <em>jest</em> <strong>ważny</strong>.</p>Składnia :only-of-type
Składnia pseudoklasy :only-of-type:
:only-of-type {...}