Tailwind CSS v3.2 发布,支持动态断点、多配置和容器查询
Tailwind CSS v3.2 带来了大量的新内容,包括对动态断点的支持、单个项目中的多个配置文件、容器查询等等。 一个项目中使用多个配置文件 添加了一个新的 @config指令,开发者可以在 CSS 文件中使用该指令来指定用于该文件的 Tailwind CSS 配置: @config "./tailwind.admin.config.js" @tailwind base; @tailwind components; @tailwind utilities; 这使得在具有单独 Tailwind 配置的单个项目中构建多个样式表变得更加容易。例如,你可能有一个配置文件用于站点面向客户的部分,而另一个配置用于管理/后端区域。 新的 @config指令更加简单易用,即使在你对构建工具配置没有太多控制的项目中也是如此。 基于浏览器的样式支持 现在可以根据用户浏览器是否支持某个功能来有条件地设置样式 supports-[...]变体,生成 [@supports rules](<https://developer.mozilla.org/en-US/docs/Web/CSS/@...