应用介绍
写 CSS 最费神的从来不是样式本身，是给东西起名字。这个外层该叫 .card 还是 .panel，调个间距要在 HTML 和样式表之间来回跳，改完还得担心有没有碰坏别处。样式表越滚越长，旧的类删又不敢删。Tailwind 干脆不给你起名的机会：flex gap-4 text-sm hover:bg-gray-100，样式以原子类的形式直接写在 class 属性里，扫一眼 HTML 就知道它长什么样。把一个后台面板重构过去，样式代码常常能砍掉三四成，而且改起来不容易出事——每个类只管一件事，删掉它只影响这一个元素。
它和 AI 编码工具配得意外地好。在 Cursor 这类工具里把需求描述清楚，吐出来的 class 组合基本能直接用，比让模型手写 CSS 靠谱得多：原子类是一个有限集合，模型不容易漏掉 hover、focus、disabled、暗色这些状态，返工量少一大半。设计系统也收敛到一处——颜色、间距、字号、圆角都在 @theme 里定义，整站自动跟着走，团队里没有设计师也不至于做出一个到处不对齐的界面。v4 的引擎用 Rust 重写，全量构建比 v3 快数倍，增量构建通常几毫秒就完事。MIT 协议，9.7 万 star。
原子类：一个类只做一件事，间距、排版、颜色、圆角、阴影都有对应的类名，样式写在用它的那一行旁边，不用再维护一份越写越长的样式表。
状态和断点前缀：hover:、focus:、disabled:、dark:、md:、lg: 这些前缀直接加在类名前面，一个元素的响应式和交互状态全写在同一处，不用为了一个 hover 去翻媒体查询。
任意值：设计稿给的是 #1da1f2 或者 top-[117px] 这种没法归进标尺的值，写成方括号形式就行，不必为一次性的数值再开一个类。
@theme 设计令牌：颜色、字号、间距、断点在一段 CSS 里集中定义，改一处全站生效；这些令牌同时会编译成 CSS 变量，原生 CSS 里也能直接引用。
只产出用到的类：扫描源码，实际写了的类才会进最终的 CSS，产物通常只有几 KB，不再需要单独配一套 purge 规则。
Rust 引擎：v4 重写了核心，全量构建提速数倍，增量构建常在几毫秒内返回，内置 Lightning CSS 顺手处理了嵌套、前缀和压缩。
一行接入：CSS 里写一句 @import "tailwindcss" 就能开工，不需要先生成配置文件，也不用配 postcss 插件链。
Tailwind Play：官方在线沙盒，左边写 HTML 右边实时出效果，还能改主题、加插件，试想法和贴复现代码都很方便。
编辑器补全：官方 IntelliSense 插件在写 class 时补全类名、悬停显示对应的 CSS、标出重复和冲突的类。
框架无关：React、Vue、Svelte、Astro、Rails 还是一个纯 HTML 文件都能用，接入方式都是同一套。
它和 AI 编码工具配得意外地好。在 Cursor 这类工具里把需求描述清楚，吐出来的 class 组合基本能直接用，比让模型手写 CSS 靠谱得多：原子类是一个有限集合，模型不容易漏掉 hover、focus、disabled、暗色这些状态，返工量少一大半。设计系统也收敛到一处——颜色、间距、字号、圆角都在 @theme 里定义，整站自动跟着走，团队里没有设计师也不至于做出一个到处不对齐的界面。v4 的引擎用 Rust 重写，全量构建比 v3 快数倍，增量构建通常几毫秒就完事。MIT 协议，9.7 万 star。
软件功能
原子类：一个类只做一件事，间距、排版、颜色、圆角、阴影都有对应的类名，样式写在用它的那一行旁边，不用再维护一份越写越长的样式表。
状态和断点前缀：hover:、focus:、disabled:、dark:、md:、lg: 这些前缀直接加在类名前面，一个元素的响应式和交互状态全写在同一处，不用为了一个 hover 去翻媒体查询。
任意值：设计稿给的是 #1da1f2 或者 top-[117px] 这种没法归进标尺的值，写成方括号形式就行，不必为一次性的数值再开一个类。
@theme 设计令牌：颜色、字号、间距、断点在一段 CSS 里集中定义，改一处全站生效；这些令牌同时会编译成 CSS 变量，原生 CSS 里也能直接引用。
只产出用到的类：扫描源码，实际写了的类才会进最终的 CSS，产物通常只有几 KB，不再需要单独配一套 purge 规则。
Rust 引擎：v4 重写了核心，全量构建提速数倍，增量构建常在几毫秒内返回，内置 Lightning CSS 顺手处理了嵌套、前缀和压缩。
一行接入：CSS 里写一句 @import "tailwindcss" 就能开工，不需要先生成配置文件，也不用配 postcss 插件链。
Tailwind Play：官方在线沙盒，左边写 HTML 右边实时出效果，还能改主题、加插件，试想法和贴复现代码都很方便。
编辑器补全：官方 IntelliSense 插件在写 class 时补全类名、悬停显示对应的 CSS、标出重复和冲突的类。
框架无关：React、Vue、Svelte、Astro、Rails 还是一个纯 HTML 文件都能用，接入方式都是同一套。
