Tailwind CSS 4.0 正式发布，带来高达 5 倍的构建速度提升，增量构建甚至可快 100 倍，并支持新 CSS 特性，以及通过单条 @import "tailwindcss" 即可完成安装。不过，官方文档指出核心功能要求现代浏览器，这可能限制早期采纳。
这次更新的核心是全新构建引擎 Oxide。它比之前体积小 35%，虽然整体用 TypeScript 编写，但最耗性能的部分改写为 Rust，并结合 Rust 编写的 Lightning CSS 解析器。Tailwind 4.0 同时针对 Vite 构建工具进行了优化，并提供官方 Vite 插件，实现“最高性能、最少配置”。
新版本带来重要 CSS 功能：
- 级联层（Cascade Layers）：提供结构化的选择器优先级，解决 CSS 中最复杂的问题之一。
- CSS 注册自定义属性：允许属性带默认值，可选择继承或不继承。Wathan 表示，这些现代特性也简化了 Tailwind 内部维护。
在项目中使用 Tailwind 4.0 更简单，只需在 CSS 文件中添加：
@import "tailwindcss";
安装可通过 npm，也可使用独立工具。Next.js 或 Angular 通常通过 PostCSS 插件使用，而 SvelteKit 或 Astro 则可使用 Vite 插件。Ruby on Rails 有对应 gem，且提供 CLI 工具，可在任意项目中使用。
配置方式也发生变化：由 JavaScript 文件迁移到 CSS 内使用主题变量，原 JS 配置仍支持，但需显式加载。颜色体系从 RGB 改为 Oklch（Oklab 色彩空间），支持更丰富的色彩表现，同时新增 3D 变换 API，支持缩放、旋转等操作。
浏览器兼容性需注意：Tailwind 4.0 要求 Chrome 120+、Safari 16.4+、Firefox 128+，较 3.0 更严格。官方提供升级工具和完整升级指南，应对破坏性更新。
Tailwind CSS 是 MIT 开源许可。与 Bootstrap 不同，它不自带高级 UI 组件，但 TailwindUI 提供商业授权的组件库。根据 2023 年《State of CSS》调查，Tailwind CSS 的开发者满意度较高，使用率 50.5%，未来保留率 75.7%，虽 Bootstrap 使用率更高但略有下降。
尽管存在一些升级痛点和浏览器兼容性问题，开发者普遍认为 更少依赖、更高性能 是值得的。不过，生产环境采用仍需谨慎，确保目标用户可顺利访问。
Tailwind CSS 4.0 的发布，标志着这一前端框架在性能与现代化特性上的又一次重要跃进。
苏公网安备32021302001419号