REDLINE MAGAZINE

このページは　E:only-child (構造擬似クラス)　のサンプルページです。

兄弟がいないp要素だけ背景色をつける例。

このサンプルのCSS

.sampleDiv p:only-child{
	background:#fcc; /* 背景色・ピンク */
	}

このサンプルの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>