为什么不默认将<button>设置为.btn？

Question

所以我的问题很简单，但我找不到任何解释它的来源：

为什么库要求您添加与其样式元素同名的额外类？

许多人使用术语<button class="btn">或<button class="button">。然后，如果我们想将其设为主要按钮，我们会添加btn-primary而不只是primary。

我是Picnic CSS的创建者，当不这样做时，我还没有发现任何问题。但我相信许多聪明的人比我更清楚，当每个人都这样做时，我开始怀疑原因。

执行此操作的库示例：

• Bootstrap来自Twitter
Yahoo的
• Pure CSS
• Min CSS
• Bass CSS
• Milligram

有些执行此操作的库：

• Skeleton：他们只针对button-primary。
等子类执行此操作

不的图书馆遵循：

• Picnic CSS（我自己的）

编辑：

问题不是为什么要定义类，而是为什么<button>没有给出与.btn匹配的默认样式？这可以很容易地完成：

button, input[type="submit"], .button {
  /* styles */
}

Answer 1

这背后的原因是因为Window类也可以用于btn和<a>元素。以Bootstrap为例。

<input>

这些都会产生相同的按钮，但您可以按照自己的方式使用它们。