唯一の子要素にスタイルを適用する

疑似クラス　only-child

要素名: only-child 【 オンリー・チャイルド 】 {～}

親要素内で、セレクタに指定した要素が唯一の子要素であるときにスタイルを適用します。

セレクタの使用例

以下の例では、div要素内に唯一の子要素として記述されたp要素を対象にスタイルを適用し、文字色を赤で表示しています。

CSS 
.warning p:only-child{
  color: red;
}
HTML 
<div class="warning">
  <p>この森で遊ぶのは控えてください。</p>
</div>

<div class="warning">
  <p>この浜で遊ぶには以下のルールを守ってください。</p>
  <ul>
    <li>大声を出さない</li>
    <li>火器を使わない</li>
  </ul>
</div>