Tailwindcss组悬停不适用于边框颜色

Question

当我将鼠标悬停在导航项上时，我希望更改跨度边框颜色。分组悬停什么都不做...

这是否还没有在Tailwindcss中实现？

matches['right_side']

我显然可以通过这样编写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>

Answer 1

您需要在tailwind配置文件中启用组悬停。

您可以在tailwind.config.js文件的“变体”部分中控制是否为实用程序启用了组悬停变体：

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