HTMLタグで囲むと目次が機能しません

サポート
1

Another question. I added extra div to the post. Now it looks like this:

<div data-theme-toc="true"> </div>
<div data-theme-profile="manual">
## Chapter 1
## Chapter 2
</div>

But the TOC is not visible in this case. How can it be fixed?

「いいね！」 3
2

目的はわかりませんが、いくつかの方法でタイトルをターゲットにできます。

  1. HTMLのタイトルタグとdata-attributeを使用します。たとえば、[data-header-1]をCSSでターゲットできるように、<h1>Chapter 1</h1>のようにします。

  2. data-attributeを持つ空のdivを挿入して、後続の要素をターゲットにできます。たとえば、2番目のタイトルの後に<div></div>を配置し、このCSSを追加します。

    [data-next-titles] ~ .d-toc-post-heading {
    color: pink;
}

    これにより、次のようになります。

    image
    image730×725 32.4 KB

    したがって、実際には目標によって異なります。
    このガイドがお役に立てば幸いです: Customize posts' contents with your own styles

「いいね！」 4
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.