Tailwind CSS v4 新特性抢先看

Tailwind CSS v4 是一次彻底的重写，带来了革命性的改进。

1. 全新的引擎

基于 Rust 重写的引擎，性能提升惊人：

2. 原生 CSS 变量

@theme {

--color-primary: oklch(0.7 0.15 200);
--spacing-lg: 2rem;
}

3. 动态变体

动态值支持

4. 容器查询支持

响应式容器

5. 简化的配置

@import "tailwindcss";

@theme {
--font-sans: "Inter", sans-serif;
}

升级指南

v4 与 v3 有较大差异，建议新项目直接使用 v4。