Попутный ветер css групповое наведение не работает с цветом границы

Question

Когда я нахожу курсор на элемент навигации, я хочу, чтобы цвет границы диапазона был изменен. Групповое наведение ничего не делает ...

Это просто еще не реализовано в Tailwind css?

 <a class="group px-4 py-2 hover:bg-white
            hover:text-primary transition-colors duration-300
            rounded-sm"
     :href="route">
    <span class="pb-1 border-b border-white group-hover:border-black">
        <slot/>
    </span>
  </a>

Я, очевидно, могу сделать это, написав css вот так, но Попутный ветер должен уметь это делать, верно?

a:hover span {
  border-color: black;
}

Answer 1

вам необходимо включить групповое наведение в файле конфигурации tailwind.

Вы можете контролировать, включены ли варианты группового наведения для утилиты в разделе вариантов вашего tailwind.config. js файл:

module.exports = {
    variants: {
textColor: ['responsive', 'hover', 'focus', 'group-hover'],
 },
}