Tailwindcss выделяет текущий элемент на панели навигации

Question

Я пытаюсь выделить элемент с помощью TailwindCSS и Zola. Я нашел этот целевой тег, но, похоже, он не работает. Вот мой пример кода:

      <main>
      <div id="blog" class="target:text-pink-700">
        TEST
      </div>
        <div>
          {% block content %} {% endblock %}
        </div>
        

</main>

Но, похоже, это не работает:

Я хочу использовать его для выделения текущего элемента на панели навигации. На данный момент пример по умолчанию из документации Flowbite выделяет только первый элемент. Как я могу добиться изменения выделения текущего элемента? Пытаюсь ли я правильно добиться этого с помощью этого тега «target»? Есть ли другой лучший подход к решению этой проблемы без JavaScript?