Tailwind CSS
你可能会说
调个样式还要专门开 CSS 文件，能不能在写结构的地方顺手就调了？
Tailwind CSS 是用一组现成短代码直接写网页外观的工具。例如 p-6、rounded-xl 和 border 分别表示留白、圆角和边框。短代码很多时，可按留白、文字、边框和布局分组阅读；重复组合应收进同一个可复用界面部分。
也常被叫作Tailwind
什么时候选它
- 组件化项目，设计 token 要统一
- 不想维护 CSS 命名和一堆样式文件
- 要快速做响应式与暗色主题
什么时候别选
- 没有构建管线，只能 CDN 直接用
- 大量复杂动画和深层嵌套样式
- 已有成熟设计系统与 CSS 规范
Q面试会问什么
- 问：类名这么长怎么维护？
答：样式和结构同处、无全局污染，删组件即删样式；重复组合抽成组件或 @apply。 - 问：JIT 是什么？
答：按源码扫描实际用到的类，只生成需要的 CSS，产物小、可任意取值。
延伸阅读 · 权威出处