疑似クラス only-child

疑似クラス only-child は、 親要素の唯一の子要素である要素を選択します。

構文

cssセレクタ:only-child {
  
}

例

この例では、親要素 ul の唯一の子要素である場合、 li を赤色にします：

html<ul>
  <li>リストアイテム</li>
</ul>

<ul>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
  <li>リストアイテム</li>
</ul>

cssli:only-child {
  color: red;
}

ul {
  margin-bottom: 10px;
}

Результат: