そらのうきぶくろ — CSSでcounter機能を使ってみよう！こんな機能があったなんて知らなかった。便利過ぎて発狂しそう。 というわけで使い方を書いてみることにしたんだ。 ※Internet Explorer 8.0ではsection要素を使っている表示例が崩れます。FirefoxやOpera、Google Chromeの最新バージョンを利用してください。 ●最も単純な使い方 まず順番付きリスト（ol）と同じような見た目になるようにしてみる。 HTML: <ol> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ol> <ol> <li>項目2-1</li> <li>項目2-2</li> <li>項目2-3</li> </ol> CSS: ol{ counter-reset: item; } li{ list-style-type: none; } li:before{ counter-increment: item
