有没有办法在单个悬停实例上链接多个 tailwind css 类？

Question

我想知道是否有一种方法可以在 html 元素上的单个悬停实例上链接多个 tailwind css 类，而不是使用多个悬停实例。

例如而不是这个

<button class="hover:bg-blue-900 hover:text-white"></button>

你可以要这个还是别的东西

<button class="hover:bg-blue-900:text-white"></button>

Answer 1

不，没有。从文档（https://tailwindcss.com/docs/hover-focus-and-other-states）中，您可以看到他们自己为焦点/悬停添加了多个类。

但是您可以创建可重用的样式来解决这个问题