css - 如何在自定义 CSS 类中使用 tailwindcss 颜色?
问题描述
我可以使用预定义tailwind
的类在 HTML 中设置颜色,例如:
<div class="border border-purple-500"></div>
但我也想在我的自定义 CSS 中使用相同的颜色,例如:
.my-class {
border: 1px solid $purple-500;
}
是否可以在 CSS 中获得顺风颜色值?
解决方案
这是。您可以使用theme()
指令。
.my-class {
border: 1px solid theme('colors.purple.500');
}
或通过@apply
.my-class {
@apply border border-purple-500;
}
推荐阅读
- tcp - 如果我发送比 2 个更小的 MTU 更大的 UDP 数据包会发生什么
- php - 如何使用php从一个数字范围内随机用“-”替换数字
- java - 学习 Java 和 For 循环不渲染
- angular - mat-datepicker 在内容下方呈现
- bison - 解决 Bison 中可选尾随属性的移位/减少问题
- php - 如何通过 Swiftmailer 发送电子邮件
- c++ - C ++ 11:将`double`打印为十六进制?
- angular - “在‘@angular/cdk/table’中找不到导出‘MatTableModule’
- pointers - 在golang中使用指针进行多重赋值和创建
- sql - Multiple include in Entity Framework queries