La table des matières ne fonctionne pas lorsqu'elle est encapsulée avec des balises HTML

Soutien
2

Je ne connais pas votre objectif, mais vous pouvez cibler les titres de plusieurs manières.

  1. Utilisez des balises de titre HTML avec des attributs data-, tels que <h1> pour pouvoir cibler [data-header-1] avec CSS.

  2. Insérez une div vide avec un attribut data- à un moment donné, que vous pouvez utiliser pour cibler les éléments suivants. Par exemple, en plaçant après le 2ème titre et en ajoutant ce CSS :

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

    Cela donnera ceci :

    image
    image730×725 32.4 KB

    Donc, cela dépend vraiment de votre objectif.
    Ce guide pourrait vous être utile : Customize posts' contents with your own styles