REDLINE MAGAZINE

このページは　入れ子OLリストにCSSのカウンタで番号を振る方法　のサンプルページです。

counter関数を使ったサンプルです。

あああああああああああ

いいいいいいいいいいいいい

うううううううううううううう

えええええええええええええ

おおおおおおおおおおおおおおお

このサンプルのHTML

<p>あああああああああああ</p>
<p>いいいいいいいいいいいいい</p>
<p>うううううううううううううう</p>
<p>えええええええええええええ</p>
<p>おおおおおおおおおおおおおおお</p>

このサンプルのCSS

body{
	counter-reset:sample; 
	}
p:before{
	counter-increment:sample; 
	content:"これは「" counter(sample) "」行目です。";
	}