- ベストアンサー
<ol><li></li></ol>タグでネスト
<ol><li></li></ol>タグで ネストするにはどうすればいいでしょうか？ <ol><li></li></ol>の中に<ol><li></li></ol>を入れたいです。 例えば ------------------------------------- １大分類 １－１ その１ １－２ その２ ２大分類 ２－１ その１ ２－２ その２ ------------------------------------- のようなことがしたいです。
- TZXHFCHENH
- お礼率100% (37/37)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
@counter-style の prefix で部分的に実現可能ですが、扱えるブラウザはまだありません。 @counter-style を使っても prefix のインクリメント自動化は出来そうにないので大分類の数だけ @counter-style を定義してやる必要がありますが…。 http://www.w3.org/TR/css-counter-styles-3/ https://developer.mozilla.org/ja/docs/Web/CSS/@counter-style http://caniuse.com/#feat=css-at-counter-style どうしても HTML の構成を崩したくなければ、list-style-image で頑張ってください。 # Re: TZXHFCHENHさん
その他の回答 (1)
単に入れ子にしたいだけであれば、以下のようにできます。 <ol><li>大分類<ol><li>その１</li><li>その１</li></ol></li>…</ol> ただこの方法は、子リストの先頭数字は子リスト内の順序数字しか表示できません (質問者さんの例に示す「1-1」のようなネスト表現にすることはできません)。<ol><li> で「1-1」表記させる方法は存在しませんので、<ol> をあきらめてべた打ちで「1-1」と書いていくか、「1-1」表記をあきらめるかのどちらかになります。
お礼
ありがとうございました。
お礼
ありがとうございました。