2015-02-20から1日間の記事一覧

HTML要素をナンバリングする!CSS擬似要素を使って見出しに連番をつける方法

HTML要素にナンバリングしたい場合、jQueryを使う方法が一般的ですが、CSSで行う方法を紹介します。以下のような具合が完成イメージです。まずベースとなるHTMLを用意します。 <article> <h1>大見出し</h1> <h2>中見出し</h2> <h3>小見出し</h3> <p>ダミーテキストダミーテキスト</p> <h3>小見出し</h3> <p>ダミーテ</p></article>…