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

Posted 2023-03-06

技术标签:

【中文标题】你能把 Tailwind 和 vanilla CSS 混合起来吗？【英文标题】：Can you mix Tailwind with 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. */

【讨论】：

以上是关于你能把 Tailwind 和 vanilla CSS 混合起来吗？的主要内容，如果未能解决你的问题，请参考以下文章