Tailwind CSS v3.4：动态视口单位、:has() 支持、平衡标题、子网格等新特性
原文英文，约1900词，阅读约需7分钟。
📝
内容提要
Tailwind CSS v3.4 引入了动态视口单位、:has() 伪类、* 变体、size-* 工具、文本换行工具和子网格支持等新特性。这些功能提升了样式灵活性，简化了开发流程，支持更复杂的布局和样式调整。用户可通过 npm 更新到最新版本以体验这些改进。
❓
Q&A
Tailwind CSS v3.4 新增了哪些动态视口单位？
新增了 dvh、lvh 和 svh 单位，支持移动设备的全高元素。
:has() 伪类在 Tailwind CSS v3.4 中有什么用？
:has() 伪类允许根据子元素的状态来样式化父元素，增强了样式灵活性。
Tailwind CSS v3.4 如何简化标题的样式调整？
新增了文本换行工具，使用 text-wrap: balance 和 text-wrap: pretty 来优化标题样式。
什么是子网格支持，它在 Tailwind CSS v3.4 中的作用是什么？
子网格支持允许子元素继承父元素的网格布局，简化复杂布局的实现。
Tailwind CSS v3.4 中的 size-* 工具有什么优势？
size-* 工具可以同时设置元素的宽度和高度，简化了样式书写。
如何更新到 Tailwind CSS v3.4 的最新版本？
可以通过命令 'npm install tailwindcss@latest' 更新到最新版本。
🏷️
