Tailwind CSS v2.2
内容提要
Tailwind CSS v2.2 发布，新增高性能 CLI、JIT 模式支持、伪元素样式、文本选择变体和列表标记变体等功能。改进了嵌套支持和颜色透明度语法，增强了对伪类的支持。用户可通过 npm 安装最新版本，并查看更新说明以避免潜在问题。
延伸解读
JIT 模式：新功能的核心
Tailwind CSS v2.2 的多数新功能，如伪元素变体、文本选择变体、列表标记变体、兄弟选择器变体、详尽的伪类支持、颜色透明度简写和扩展的任意值支持，都仅在 Just-in-Time (JIT) 模式下可用。JIT 模式在 v2.1 中引入，目前仍处于预览阶段。因此，若要使用这些功能，需在项目中启用 JIT 模式。
升级注意事项：JIT 模式下的潜在影响
虽然 v2.2 是次要版本且经典引擎无破坏性变更，但 JIT 模式仍为预览版，并引入了一些可能影响现有项目的小改动。例如，transform、filter 和 backdrop-filter 类不再需要显式启用，这可能导致依赖条件激活这些类的样式失效。升级前应仔细阅读发布说明中的变更和弃用内容。
CLI 工具重写：更高效、更灵活
v2.2 重写了 Tailwind CLI，注重性能并新增多项功能：无需安装或配置即可通过 npx 使用；支持监视模式自动重建；针对 JIT 模式优化，编译速度极快；支持通过 --minify 标志压缩 CSS；兼容 PostCSS 插件。新 CLI 完全向后兼容，现有脚本无需修改。
颜色透明度简写：更简洁的语法
v2.2 引入了颜色透明度简写，允许直接在颜色工具中调整透明度，如 bg-red-500/25，而无需使用单独的 bg-opacity-25 类。这简化了代码，并使得在之前没有透明度工具的地方（如渐变）也能调整透明度。透明度值取自 opacity 比例，也支持任意值如 bg-red-500/[0.31]。
Q&A
Tailwind CSS v2.2 新增了哪些主要功能？
新增高性能 CLI、JIT 模式支持、伪元素样式、文本选择变体和列表标记变体等功能。
如何安装 Tailwind CSS v2.2？
用户可通过 npm 安装最新版本，命令为 npm install -D tailwindcss@latest。
Tailwind CSS v2.2 的 CLI 工具有什么改进？
CLI 工具经过重写，支持无配置安装和监视模式，且性能优化显著。
什么是 JIT 模式，它在 Tailwind CSS v2.2 中有什么作用？
JIT 模式是即时生成样式的模式，允许动态生成类，提升开发效率。
Tailwind CSS v2.2 中的伪元素样式支持了哪些变体？
新增了 before 和 after 变体，允许用户样式化伪元素。
Tailwind CSS v2.2 如何简化颜色透明度的语法？
支持直接在颜色工具中调整透明度，使用简化的语法如 bg-red-500/25。
