什么是 Vanilla CSS？为什么？

Question

什么是 Vanilla CSS？为什么叫 Vanilla CSS？这句话的出处是什么。

Answer 1

Vanilla CSS 只是 CSS，vanilla 绝对清楚地表明它是 CSS，而不是像 LESS 或 SASS（它们也是“CSS”）那样的超集。

这个短语最初是随着 2010-2011 年 Less 的创建而出现的（根据 https://github.com/less/less.js 的提交日志判断），用于比较和对比“Vanilla CSS” “更少的 CSS”。

即与“Less CSS vs CSS”相比，“Less CSS vs Vanilla CSS”更清晰

Answer 2

这只是一种奇特的说法，“只是简单的 CSS，没有像 Bootstrap 这样的其他库”

Answer 3

为了让事情变得更加混乱，一些非 vanilla CSS 库的作者决定在他们的库名称中使用术语“vanilla”，以表明他们的库比其他样式框架更轻量级并且“更接近”真正的 vanilla CSS。 因此，如果有人在没有其他上下文的情况下说“Vanilla CSS”，您应该检查是否存在误解：

他们

1. 可能意味着只是简单地编写CSS，没有额外的框架 它们
可能
2. 指的是Vanilla Framework，据称是Canonical的“简单”（但不是vanilla）CSS框架 他们
可能
3. 意味着它是Vanilla Extract CSS生成库的简写，它使用Typescript生成静态CSS，它具有vanilla CSS的一些优点（运行时不生成代码，对依赖库没有要求），但仍然喜欢使用非普通 CSS 框架（您根据库的规范编写样式代码，而不仅仅是编写 CSS）
可能还会创建更多的库和框架。

如果你听到有人说“vanilla CSS”，不幸的是这个术语现在已经含糊不清了。询问并澄清它们的意思！