Псевдокласс 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;
}