要素名: only-of-type 【 オンリー・オブ・タイプ 】 {～}

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

セレクタの使用例

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

CSS

.warning p:only-of-type{
  color: red;
}

HTML

<div class="warning">
  <p>この森で遊ぶのは控えてください。</p>
</div>

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