フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。
目次の番号について < SWELLに関する質問
通知
すべてクリア
Topic starter
記事内の各見出しに自分で番号を振ると、目次を生成したときに目次内で番号が重複してしまうのですが、その解決方法があればお伺いしたいです。
投稿済 : 18/07/2021 2:44 pm
私のブログでは、以下のCSSを追加しています。
添付した画像の様な形式になると思います。たぶん。
H1 H2 に自分で番号を振り付ける必要がなくなります。
でも追加してしまうと、H1 H2に番号が必ず付いてしまうので、「番号つけるつけない」の選択はできなくなります。
ネットで適当に調べただけなので、不具合あっても責任負えませんし、仕組みもよくわかってませんが、参考にどうぞ。
body { counter-reset: h2-count; } h2 { counter-reset: h3-count; } .post_content h2::before { counter-increment:h2-count; content:counter(h2-count) "."; } .post_content h2::before { left:1em; } .post_content h2 { padding-left:2.5em; } .post_content h3::before { counter-increment:h3-count; content:counter(h2-count) "-" counter(h3-count); } .post_content h3 { padding-left:3.5em; } .post_content h3::before { left:1em; position:absolute; top:0.5em; color: gray; }