Tailwind CSS 在 ZA2F2ED4F8EBC2CBB14C21A29DC4AB 名称中同时应用伪 class（例如：hover OR active）

Question

我如何不为 hover 和活动复制相同的代码，当它们都想要相同的效果时

主动或 hover:bg-primary

我试过了

hover:active:bg-primary

，它只适用于活跃的soo..我猜把它们放在一起会使其达到“AND”条件。

Answer 1

您可以使用这些 tailwindcss 参数创建自己的 class
类似的东西

.hover-active-bg-primary {
  @apply hover:bg-primary active:bg-primary
}