Tailwind CSS Blog
·
Tailwind CSS v2.2
💡
原文英文，约2500词，阅读约需9分钟。
📝
内容提要
Tailwind CSS v2.2 发布，新增高性能 CLI、JIT 模式支持、伪元素样式、文本选择变体和列表标记变体等功能。改进了嵌套支持和颜色透明度语法，增强了对伪类的支持。用户可通过 npm 安装最新版本，并查看更新说明以避免潜在问题。
🎯
关键要点
- Tailwind CSS v2.2 发布，新增高性能 CLI 和 JIT 模式支持。
- 新增伪元素样式、文本选择变体和列表标记变体等功能。
- 改进了嵌套支持和颜色透明度语法，增强了对伪类的支持。
- 用户可通过 npm 安装最新版本，并查看更新说明以避免潜在问题。
- CLI 工具经过重写，支持无配置安装和监视模式。
- 新增的伪元素样式支持包括 before 和 after 变体。
- 引入了新的选择变体和列表标记变体，便于样式化列表和选中的文本。
- 扩展了伪类支持，增加了多种新的变体。
- 简化了颜色透明度语法，支持直接在颜色工具中调整透明度。
- 增强了对任意值的支持，允许在多个地方使用自定义值。
❓
延伸问答
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。
➡️
