你能把 Tailwind 和 vanilla CSS 混合起来吗？

【问题标题】：Can you mix Tailwind with vanilla CSS?你能把 Tailwind 和 vanilla CSS 混合起来吗？
【发布时间】：2019-05-26 13:47:01
【问题描述】：

我是 Tailwind 的新手，想将其整合到现有的 React 项目中。我可以将 Tailwind 与我当前的所有 CSS/sass 文件一起使用吗？还是我需要重新设计样式并只使用 Tailwind？

【问题讨论】：

Tailwind 最基本的就是 css 文件。您可以同时使用您的和 Tailwind。你会发现你的一些风格可能会改变。 Tailwind 的理念是为您提供基本的样式和工具，以帮助您构建独特的东西。所以要回答这个问题，不，你不需要重新开始。

【解决方案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. */

【讨论】：