如何在tailwindcss中创建自定义变体？

Question

我在tailwindcss文档之后制作了dark变体，但是没有用，不幸的是，在此文档中，没有给出确切的解释！

如何制作这样的变体：

<p class="dark:text-white text-gray-700"></p>

有人可以帮助我吗？

Answer 1

<块引用>

现在，只要在用户的操作系统上启用暗模式，dark:{class} 类将优先于未加前缀的类。

暗模式仅在您的操作系统启用时可用。

另外，也许你没有在 tailwind.config.js 中添加深色设置

// tailwind.config.js
module.exports = {
  darkMode: 'media',
  // ...
}

如果您想支持手动切换暗模式而不是依赖操作系统首选项，请更改类的媒体设置

Answer 2

<p style="color='color'" ></p> 

写出“颜色”的颜色名称