学习tailwind.css的必要性？
站长
· 阅读数 19
现在有 CSS预处理器：less、scss等方案，这些方案基本上都可以简化 CSS 代码编写。现代CSS解决方案 tailwind.css 将 CSS 简化并书写到标签，这种书写方式与传统的CSS不同，最终呈现的效果是一样的。
可是它有一种问题就是所有的样式都写到标签上，其实也不太美观。而 CSS 则可以抽离成单独的文件或者使用 scope 作用域做私有化。
请问学习 tailwind.css 的必要性有大吗？各位有没有在实际项目中使用过 tailwind.css？
回复
1个回答
test
2024-06-28
tailwind 我个人的感觉是 成也萧何败萧何
它的核心理念是 原子化 css，将操作封装为类名来实现样式，这种实现模式在 Bootstrap 中也能见到，tailwind 把它发扬光大了
好处是可以快速实现结构，风格和样式相对统一（因为都用预定义好的类名了）
坏处是直接在 HTML 中使用大量的类名来应用样式，不利于后续维护，再加上它没办法针对所有的情况来封装类，遇到复杂的需求你还是得自己写样式
至于必要性，个人项目看个人喜好，团队项目看团队规范，没有非 tailwind 不可的说法
补充：
还有一个我觉得比较重要的点，就是不建议初学者去使用 tailwind.css，诚然，它的封装很便利，可是初学者在这个过程中也会 丢失 自己写 css 代码的经验
如果初学者对框架产生 依赖性，那当某天脱离框架时，可能就写不出 css 了
总的来说，对于比较小的项目，它可以快速成型，维护成本也不会太高；但是项目过大或者对样式的要求比较复杂时就不大合适
参考Adam Wathan（tailwind创始人） - CSS Utility Classes and "Separation of Concerns" 官方博客（国内节点） - tailwind blog
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引，对解决问题有帮助
- 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容