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