Tailwind CSS是否支持CSS属性分组写法？

当然支持啦！Tailwind CSS 提供了这种属性分组的写法，能帮你大幅精简代码，还能减少重复定义带来的失误。

以前你可能要重复写同一个状态前缀，比如这样：

<div class="hover:text-16 hover:color-blue-200"></div>

现在只需要写一次状态前缀，把同状态下的所有属性用中括号包起来就行：

<div class="hover:[text-16 color-blue-200]"></div>

这种写法的好处特别实在：

• 减少代码冗余，不用反复输入同一个状态前缀，让代码更紧凑
• 避免因重复定义导致的失误，比如漏写前缀、写错状态名称，毕竟同状态的属性会统一生效，不会出现部分属性没加上正确状态的情况

用这种方式写样式，不仅效率更高，后期维护也会更省心哦～

备注：内容来源于stack exchange，提问作者Spix737