Tailwind CSS v2.0
内容提要
Tailwind CSS v2.0发布，新增色彩调色板、暗模式支持、2XL断点、改进的表单样式和文本溢出工具。更新简化了样式应用，增强了可定制性，并减少了与IE11的不兼容性。升级过程简单，预计耗时约30分钟。
延伸解读
暗模式与响应式设计的结合
Tailwind CSS v2.0 的暗模式支持不仅限于基础样式，还能与响应式断点和交互状态（如 hover）结合使用。例如，你可以通过 `lg:dark:bg-white` 在特定断点和暗模式下应用样式，或使用 `dark:hover:bg-gray-50` 实现暗模式下的悬停效果。这种灵活性让开发者能更精细地控制不同场景下的视觉表现，无需编写额外 CSS。
表单样式插件的独立性与易用性
官方新插件 @tailwindcss/forms 并非核心库的一部分，需要单独安装并在配置中引入。它通过重置浏览器默认样式，使表单元素（包括复选框）能直接通过工具类定制，如 `rounded`、`text-indigo-500` 等。这解决了以往需要编写复杂自定义 CSS 的痛点，同时保持了工具类的简洁性。
升级的平滑性与兼容性考量
尽管是重大版本更新，Tailwind CSS v2.0 的破坏性变更被控制在最小范围：仅重命名两个类、移除三个过时类，并用更强大的替代方案替换两个类。其他潜在影响可通过在 `tailwind.config.js` 中添加少量配置解决。官方预计升级耗时约 30 分钟，并提供了详细的升级指南，降低了迁移成本。
放弃 IE11 带来的性能提升
不再支持 IE11 使 Tailwind 能全面采用 CSS 自定义属性，从而实现新的 ring 工具等特性。同时，构建产物无需包含 CSS 变量回退，即使使用 PurgeCSS，体积也会更小。对于仍需支持 IE11 的项目，可以继续使用 v1.9 版本，这为不同需求的团队提供了选择空间。
Q&A
Tailwind CSS v2.0有哪些新特性？
Tailwind CSS v2.0新增了220种颜色、暗模式支持、2XL断点、改进的表单样式和文本溢出工具等。
如何在Tailwind CSS v2.0中启用暗模式？
在tailwind.config.js文件中，将darkMode设置为'media'，然后在类名前加上'dark:'即可。
Tailwind CSS v2.0的升级过程复杂吗？
升级过程简单，预计耗时约30分钟，具体步骤可参考升级指南。
Tailwind CSS v2.0如何改善表单样式？
引入了新的官方插件@tailwindcss/forms，规范化和重置了基本表单控件，使其更易于使用纯工具类进行样式定制。
Tailwind CSS v2.0中如何使用新的文本溢出工具？
新增了overflow-ellipsis和overflow-clip工具，可以更精确地控制文本溢出效果。
Tailwind CSS v2.0是否支持IE11？
Tailwind CSS v2.0不再支持IE11，这样可以减小构建体积并提升性能。
