如何理解 Unocss 和 Tailwind 的区别？

Question

这两个库自己也用了一段时间，通过阅读 antfu 大佬最初 Unocss motivation
的文章Reimagine Atomic CSS ,得知了 Unocss 并非框架，而是一个解析引擎，它可以将 tailwind 作为插件使用。它们都可以自定义一些属性来拓展用户的一些特制样式

但从始至终一直不理解到底本质的区别在哪里？

问题： 假设我不做任何拓展，仅仅把 tailwind 作为 Uno 的一个插件来讲，我该如何理解它们的区别呢？（并不是了解用法上的区别，而是想从底层来拓展了解)

Answer 1

UnoCSS 以类似 [/^p-([.\d]+)$/, ([_, num]) => ({ padding: `${num}px` })] 的形式定义规则，UnoCSS 将使用这些规则解析 className，并生成对应的原子 CSS

而 Taiwind CSS 则是一个原子化 CSS 框架，包含一系列预定义的原子 CSS 类名