Tailwind CSS v2.1
内容提要
Tailwind CSS v2.1更新了多个新功能，包括将JIT引擎合并到核心、支持可组合的CSS滤镜、添加混合模式和隔离工具。用户可以通过tailwind.config.js文件启用JIT模式，升级过程无破坏性更改。
延伸解读
JIT 引擎进入核心：预览状态与迁移建议
JIT 引擎已合并到核心，但官方明确它仍处于预览阶段，细节可能变化，且不受语义化版本控制。这意味着在生产环境中启用需谨慎，并关注后续更新。如果你之前使用 @tailwindcss/jit，现在应迁移到 Tailwind CSS v2.1，因为引擎的新开发将在此进行。启用方式是在 tailwind.config.js 中设置 mode: "jit"。
可组合滤镜与背景滤镜的用法
新增的滤镜 API 类似 transform 工具类：先用 filter 启用滤镜，再组合 grayscale、blur-lg、saturate-200 等工具类动态生成效果。同时支持 backdrop-filter，例如 backdrop-blur 和 backdrop-brightness-50 配合 backdrop-filter 使用。这为图片和背景效果提供了更灵活的样式组合方式。
混合模式与隔离工具的配合价值
新增 mix-blend-mode 和 background-blend-mode 工具类，如 mix-blend-multiply。同时引入 isolate 和 isolation-auto 工具类，用于设置 isolation 属性。官方指出，隔离工具能有效限定混合模式的作用范围或调整 z-index，避免样式意外影响其他元素，是处理层叠上下文问题的实用手段。
升级无破坏性更改，但需注意配置调整
v2.1 是增量升级，没有破坏性更改，只需运行 npm install tailwindcss@latest 即可。如果你之前使用 @tailwindcss/jit，除了切换回 tailwindcss 包，还需相应更新 PostCSS 配置。整体升级成本较低，但若启用 JIT 预览功能，应留意其非语义化版本带来的潜在变动。
Q&A
Tailwind CSS v2.1有哪些新功能？
Tailwind CSS v2.1更新了JIT引擎、可组合的CSS滤镜、混合模式工具和隔离工具。
如何在Tailwind CSS中启用JIT模式？
用户可以通过在tailwind.config.js文件中设置mode为'jit'来启用JIT模式。
Tailwind CSS v2.1的升级过程是否会有破坏性更改？
升级到Tailwind CSS v2.1是增量升级，没有破坏性更改。
可组合的CSS滤镜API有什么特点？
可组合的CSS滤镜API允许用户动态组合滤镜效果，类似于变换工具的使用方式。
新添加的混合模式工具有哪些？
新添加的混合模式工具包括mix-blend-mode和background-blend-mode。
隔离工具在Tailwind CSS中有什么用途？
隔离工具用于处理混合模式特性或z-index调整，帮助用户更好地控制元素的层叠效果。
