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

[Ed_Bobkov (Ed)]

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?

[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