疑似クラス only-of-type
疑似クラス only-of-type は、
指定されたタイプの唯一の子孫である要素を
選択します。
構文
セレクタ:only-of-type {
}
例
h2 見出しが、その親要素内で唯一の
h2 である場合に赤色で塗りつぶします:
<div>
<h2>見出し</h2>
<p>段落</p>
<p>段落</p>
<p>段落</p>
</div>
<div>
<h2>見出し</h2>
<p>段落</p>
<h2>見出し</h2>
<p>段落</p>
<p>段落</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
