为什么 Twitter Bootstrap 需要多个按钮类？

使用以下命令制作主按钮Twitter 的 Bootstrap 库，您需要使用两个 CSS 类，如下所示：class="btn btn-primary".

当他们可以让 btn-primary 包含 btn 包含的所有 CSS 时，为什么他们要这样设计 API？纯粹是为了节省代码重复和文件大小，还是有更复杂的原因？

这是因为OOCSS原则。从元素中分离某些样式可以更好地重用代码和样式，并以更简单的方式快速修改 css 中的任何对象。例如，您有您的主要.btn使用默认灰色设置按钮样式的类，因此所有带有.btn类将具有相同的样式，但使用预定义的样式，您可以扩展同一按钮类以支持多种不同的配色方案，而无需编写默认值.btn属性一次又一次，因此更容易维护。如果你看一下 css.btn-warning以及所有其他按钮状态类，您可以看到它们只是定义按钮的颜色和样式，而无需再次重写按钮类；

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    background-color: #F89406;
}

这使得样式表更容易阅读、更短、更简洁。