使用带有自定义 类 的 Tailwind 暗变体

Question

tailwind 是否允许 dark 变体与自定义 classes 一起使用？

考虑这个简单的工作示例：

<div class="bg-white dark:bg-black">
    Hello, world
</div>

以上将为元素应用黑色背景，但如果尝试使用自定义 class，则不会：

`style.css`
.card-background {
    @apply bg-black;
}

`index.html`
<div class="bg-white dark:card-background">
    Hello, world
</div>

Answer 1

你有两条路，

• 如果您只想使用颜色，可以将您的颜色插入 tailwind 配置文件

• 如果不是，您必须为您需要的每个自定义 class 定义深色 class。

例如

 .dark {
   .dark\:card-background {
     @apply bg-black;
   }
 }