Tailwindcss group-hover 不适用于边框颜色

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，不过tailwind应该也可以吧？

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

Answer 1

您需要在 tailwind 配置文件中启用 group-hover。

您可以在 tailwind.config.js 文件的变体部分控制是否为实用程序启用 group-hover 变体：

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

Tailwindcss group-hover 不适用于边框颜色

Tailwindcss group-hover not working on border color

css

hover

tailwind-css