如何解决如何在tailwindcss中创建自定义变体?
我在tailwindcss文档之后制作了dark
变体,但是没有用,不幸的是,在此文档中,没有给出确切的解释!
如何制作这样的变体:
<p class="dark:text-white text-gray-700"></p>
有人可以帮助我吗?
解决方法
现在,只要在用户的操作系统上启用暗模式,dark:{class} 类将优先于未加前缀的类。
暗模式仅在您的操作系统启用时可用。
另外,也许你没有在 tailwind.config.js 中添加深色设置
// tailwind.config.js
module.exports = {
darkMode: 'media',// ...
}
如果您想支持手动切换暗模式而不是依赖操作系统首选项,请更改类的媒体设置
,<p style="color='color'" ></p>
写出“颜色”的颜色名称
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。