Tailwind CSS v4 新特性一览

Tailwind CSS v4 带来了令人兴奋的新特性。本文快速概览主要变化。

引擎重写

v4 使用 Rust 编写的处理器，性能大幅提升：

• 构建速度提升 10 倍
• 增量编译支持
• 更好的 Source Maps

容器查询内置支持

@tailwind utilities;

.card {
  container-type: inline-size;
}

@container {
  .card { width: 100%; }
}

改进的深色模式

使用新的 color-scheme 而非之前的 class 策略。

滚动条样式化

终于有了原生的 scrollbar 工具类！

升级到 v4 是值得的，特别是性能改进在大型项目中非常明显。