如何制作一个 css 类，它是另一个的修改？

我正在将 google 的 MDL 用于我正在制作的一个简单网站。我在网站上有很多按钮，在几个不同的页面上，我希望所有人都有相同的外观。起点是在按钮中包含一些 MDL 样式，如下所示：

<button class="mdl-button" style="..."/>

这很棒，但我想通过默认的 mdl 样式为按钮添加一些附加功能。我想做类似的事情：

.my_button_style {
    ... include mld-button style
    ... include mdl-xxx style
    ... other css parameters here
}

我已经做了一些挖掘，但似乎没有办法在创建一个新的 css 类时从其他 css 类继承属性，使用标准 CSS（不使用 LESS 之类的东西）。

这对我来说似乎很疯狂。

我在MDL网站上看到很多例子比如：

<button class="mdl-button mdl-js-button mdl-button--fab mdl-button--colored">
  <i class="material-icons">add</i>
</button>

如果您希望所有按钮看起来都像这样，您真的必须为整个站点的每个按钮实例添加每一种样式吗？为什么 CSS 开发人员不使用干草叉和火炬向山景城进军？我错过了一些非常明显的东西吗？