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

[Canapin (Coin-coin le Canapin)]

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

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;
   }
   

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

   

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