REDLINE MAGAZINE

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

最後のp要素内のstrong要素だけ赤字太字にする例。

リストの一番最後のli要素だけに背景色をつける例。

1. ここは1番目の要素です。
2. ここは2番目の要素です。
3. ここは3番目の要素です。
4. ここは4番目の要素です。
5. ここは5番目の要素です。

このサンプルのCSS

#sample1 p:last-child strong{
	color:red;
	font-weight:bold;
	}
#sample2 li:last-child{
	background:#fcc; /* 背景色・ピンク */
	}

このサンプルのHTML

<div id="sample1">
<p>ここは最初のp要素です。<strong>ここはstrongでマークアップされています。</strong></p>
<p>ここは2つ目のp要素です。<strong>ここはstrongでマークアップされています。</strong></p>
<p>ここは3つ目のp要素です。<strong>ここはstrongでマークアップされています。</strong></p>
</div>

<ol id="sample2">
<li>ここは1番目の要素です。</li>
<li>ここは2番目の要素です。</li>
<li>ここは3番目の要素です。</li>
<li>ここは4番目の要素です。</li>
<li>ここは5番目の要素です。</li>
</ol>