Псевдокласс only-of-type выбирает элемент, который является единственным потомком такого типа.

Аналогичен использованию :first-of-type:last-of-type или :nth-of-type(1):nth-last-of-type(1).

Синтаксис

селектор:only-of-type {
	
}

Примеры

Пример

Посмотрите на разницу между only-child и only-of-type: в данном примере мы ищем h2, который является единственным потомком родителя (h2:only-child) и не находим, так как есть еще потомок - абзац:

h2:only-child {
	color: red;
}

Результат выполнения кода:

Это абзац (первый потомок)

Это h2

А сейчас мы ищем h2, который является единственным h2 в родителе:

h2:only-of-type {
	color: red;
}

Результат выполнения кода:

Это абзац

Это h2