我们正在展望 Tailwind CSS v4，并且团队正在寻求构建一个在未来几年内处于领先地位的框架。
原生级联层 - 我们现在使用真正的@layerrules，它解决了我们过去遇到的大量特殊性问题。
明确定义的自定义属性：我们使用@property 定义具有适当类型和约束的内部自定义属性，从而允许我们执行诸如过渡背景渐变之类的操作。
使用 color-mix 作为不透明度修饰符：在使用 CSS 变量作为颜色，甚至调整 currentColor 的不透明度时，使用不透明度修饰符语法比以往更容易。
核心中的容器查询：直接向核心添加了对容器查询的支持，并为容器查询范围添加了新的 @min-* 和 @max-* 变体。
我们还在进行中，以使用更广泛的颜色更新调色板，并引入对其他现代 CSS 功能（如 @starting-style、锚定位等）的支持。
Tailwind 4.0 有哪些变化？
删除了过时的实用程序：删除了长期不再记录的实用程序， 挪威号码数据 例如 text-opacity-*、flex-grow-*
PostCSS 插件和 CLI 是单独的包 - 主 tailwindcss 包不再包含它们，因为不是每个人都需要它们 - 必须使用 @tailwindcss/postcss 和 @tailwindcss/cli 单独安装它们。
没有默认边框颜色：边框以前默认为灰色-200，但现在默认为与浏览器相同的当前颜色。如果您使用其他灰色，则进行此项更改是为了使您更难意外地将错误的灰色引入到您的项目中。
还有一些其他非常低级别的实施变化可能会以某种方式潜入您的项目中，但并不像这些变化那样是经过深思熟虑的。
4.0 版本路线图
这个新引擎是从头开始重写的，完全专注于使用新的配置方法重新构想的开发人员体验。
他们非常重视向后兼容性，这也是我们在今年晚些时候发布稳定的 v4.0 版本之前的大部分工作要做的。
结论
Tailwind CSS 4 是一款功能强大且用途广泛的工具，可帮助 Web 开发人员简化其工作流程并创建美观且响应迅速的网站。凭借其改进的性能、扩展的调色板、增强的自定义、新的实用程序类以及对可访问性的关注，Tailwind CSS 4 将成为任何开发人员工具包中必不可少的工具。无论您构建的是小型项目还是大型应用程序，Tailwind CSS 4 都能提供使您的网页设计栩栩如生的功能和灵活性。