on:2011年12月7日sponsors掲載するコンテンツにナンバリングをつける際にまず思いつくのは、ol要素を使うことでしょう。確かに、ol要素はナンバリングするのに非常に合理的です。ここでは、そのol要素を頼らずにナンバリングするテクニックを紹介します。Style[ad#ad-2]下記は各ポイントを意訳したものです。ol要素を使用しないでナンバリングをするコンテンツは、例えばデモにあるようなFAQのリストです。このFAQのリストは、dl要素で実装されています。dl要素でナンバリングしたデモページ※実装は、下記で紹介。numbers」の記事です。numbersデモページこのデモでは入れ子のol要素でナンバリングを行っています。[ad#ad-2]では、デモページの実装をみてみましょう。HTMLHTMLはFAQにありがちなシンプルなdl要素で実装されています。side</dd></dl>CSS「counter-reset」でカウンタの初期化をし、dt要素に擬似要素を使ってナンバリングを設定します。my-badass-counter;}ナンバリングは、:before擬似要素にスタイルされます。dl要素でナンバリングしたデモページカウンタの値は数字以外にも、さまざまなものが指定できます。iii)」でスタイルする場合は、下記のようになります。lower-roman);また、将来には下記のようなスタイルも実装できると面白いかもしれません。"★";}※2011年現在サポートしているブラウザはありません。Posts関連記事が見つかりませんでした。