TOC لا يعمل عند وضعه داخل وسوم HTML

[Canapin (Coin-coin le Canapin)]

لا أعرف غرضك، ولكن يمكنك استهداف العناوين باستخدام عدة طرق.

1. استخدم علامات عنوان HTML مع سمات البيانات (data-attributes)، مثل <h1>Chapter 1</h1> حتى تتمكن من استهداف [data-header-1] باستخدام CSS.

2. قم بإدراج div فارغ بسمة بيانات في نقطة ما، والتي يمكنك استخدامها لاستهداف العناصر التالية. على سبيل المثال، وضع <div data-next-titles></div> بعد العنوان الثاني وإضافة CSS هذا:

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

   سيؤدي هذا إلى:
   

   

لذلك، يعتمد الأمر حقًا على هدفك.
قد يكون هذا الدليل مفيدًا: Customize posts' contents with your own styles