如何做光标：group-hover Tailwind Css中的指针？答案

【问题标题】：How to do cursor:pointer in group-hover Tailwind Css?如何做光标：group-hover Tailwind Css中的指针？
【发布时间】：2021-02-16 18:11:43
【问题描述】：

我一直在尝试像这样在 group-hover 上更改光标，

<nav class="bg-indigo-800 flex justify-center w-screen">
        <div class="mt-2 flex justify-between items-center w-11/12 h-16 bg-gradient-to-t">
            <div class="w-16">
                <img class="w-full" src="./images/Logo.png" alt="logo">
            </div>
            <div class="group">
                <div class="group-hover:border-white group-hover:hover:cursor-pointer mb-1 w-6 border-t-2"></div>
                <div class="group-hover:border-white group-hover:hover:cursor-pointer mb-1 w-6 border-t-2"></div>
                <div class="group-hover:border-white group-hover:hover:cursor-pointer mb-1 w-6 border-t-2"></div>
            </div>
        </div>
    </nav>

但不支持猜测，那么有没有其他方法可以做到这一点？

【问题讨论】：

您是否将所需实用程序的变体添加到配置文件中？ v1.tailwindcss.com/docs/pseudo-class-variants#group-hover
我以前的评论解决方案不起作用，您是否可以将cusor-pointer 放在带有group 类的div 上？我的意思是，如果你想让所有的 div 里面都有一个光标，你基本上可以将它传递给父级。否则，我尝试了一些东西，但看起来你应该在这里依赖 JS。

标签： tailwind-css

【解决方案1】：

只需添加hover:cursor-pointer 即可将指针悬停在此处即可解决

【讨论】：