疑似クラス only-of-type

疑似クラス only-of-type は、 指定されたタイプの唯一の子孫である要素を 選択します。

構文

cssセレクタ:only-of-type {
  
}

例

h2 見出しが、その親要素内で唯一の h2 である場合に赤色で塗りつぶします:

html<div>
  <h2>見出し</h2>
  <p>段落</p>
  <p>段落</p>
  <p>段落</p>
</div>
<div>
  <h2>見出し</h2>
  <p>段落</p>
  
  <h2>見出し</h2>
  <p>段落</p>
  <p>段落</p>
</div>

cssdiv {
  border: 1px dashed black;
  padding: 15px;
  margin-bottom: 10px;
}
h2:only-of-type {
  color: red;
}

Результат: