親の中に同じ要素名の兄弟がいない要素にだけ背景色をつける例。

ここは.sampleDivの中のp要素です。

ここは.sampleDivの中のp要素です。

ここは.sampleDivの中のp要素です。

ここは.sampleDivの中のp要素です。

ここは.sampleDivの中のh4要素です。

ここは.sampleDivの中のp要素です。

ここは.sampleDivの中のp要素です。ここはp要素の中のstrong要素です。

ここは.sampleDivの中のh4要素です。

ここは.sampleDivの中のp要素です。p要素の中の1つ目のstrong要素です。 p要素の中の2つ目のstrong要素です。

ここは.sampleDivの中のp要素です。ここはp要素の中のem要素です。

ここは.sampleDivの中のp要素です。ここはp要素の中の1つ目のem要素です。 ここはp要素の中の2つ目のem要素です。

このサンプルのCSS

.sampleDiv :only-of-type{
	background:#fcc; /* 背景色・ピンク */
	}
.sampleDiv em:only-of-type{
	background:#cfc; /* 背景色・うすい緑 */
	}

このサンプルのHTML

<div class="sampleDiv">
<p>ここは.sampleDivの中のp要素です。</p>
<p>ここは.sampleDivの中のp要素です。</p>
<p>ここは.sampleDivの中のp要素です。</p>
</div>
<div class="sampleDiv">
<p>ここは.sampleDivの中のp要素です。</p>
</div>
<div class="sampleDiv">
<h4>ここは.sampleDivの中のh4要素です。</h4>
<p>ここは.sampleDivの中のp要素です。</p>
</div>
<div class="sampleDiv">
<p>ここは.sampleDivの中のp要素です。<strong>ここはp要素の中のstrong要素です。</strong></p>
<h4>ここは.sampleDivの中のh4要素です。</h4>
<p>ここは.sampleDivの中のp要素です。<strong>p要素の中の1つ目のstrong要素です。</strong> <strong>p要素の中の2つ目のstrong要素です。</strong></p>
</div>
<div class="sampleDiv">
<p>ここは.sampleDivの中のp要素です。<em>ここはp要素の中のem要素です。</em></p>
<p>ここは.sampleDivの中のp要素です。<em>ここはp要素の中の1つ目のem要素です。</em> <em>ここはp要素の中の2つ目のem要素です。</em></p>
</div>