可以将Tailwind与香草CSS混合使用吗？

Question

我对Tailwind还是陌生的，并且想要将其合并到现有的react项目中。我可以将Tailwind与所有当前的CSS / sass文件一起使用吗？还是我需要从样式开始并且仅使用Tailwind？

Answer 1

确保不会覆盖您当前的CSS。您可以将prefix添加到tailwind.config.js

示例：（来源：tailwind.com）

// tailwind.config.js
module.exports = {
   prefix: 'tw-',
}

将生成带有前缀.tw-的类，例如.tw-{class}：

.tw-text-left {
  text-align: left;
}
.tw-text-center {
  text-align: center;
}
.tw-text-right {
  text-align: right;
}
/* etc. */