疑似クラス only-child
疑似クラス only-child は、
親要素の唯一の子要素である要素を選択します。
構文
セレクタ:only-child {
}
例
この例では、親要素 ul の唯一の子要素である場合、
li を赤色にします:
<ul>
<li>リストアイテム</li>
</ul>
<ul>
<li>リストアイテム</li>
<li>リストアイテム</li>
<li>リストアイテム</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
: