如何评价CSS框架TailwindCSS？

这是我21年写于知乎的一个回答，刚刚看到了 Why you don't need BEM with utility-first CSS 就又想到了这个回答，观点基本一致，但我之前还是有在用 @apply ，明白理论很容易，想要改变自己的习惯还真是难呀，以后尽量不再使用 @apply 了

我的评价是： tailwindCSS 相当好用，五星好评，继续用。

然后我想讨论一下为什么以前总是说样式要和 html 分离，现在却又使用 tailwindCSS 这样的一种形式让样式与 html 紧密的结合在了一起。

造成这种反转的原因是 react，vue ，angular 这些前端技术出现后前端组件化变得非常容易了。

样式分离的目的主要是为了复用和方便维护，但在组件化面前根本就不够打的。

反而像 vue 单文件组件

这样的形式 html模板，css ，js 放在一起更方便修改

对于组件的样式而言采用嵌套的 css 选择器结构:.body > .heder {color:red}来设定样式是不如直接在模板内内联样式：<body> <header style={color:red}></header></body> 更方便维护的。

然后内联样式又不如原子类简洁，tailwind 又是原子类的大成者，故我用 tailwind