如何在一个中聚合多个CSS类

Question

我正在使用MaterializeCSS创建网站，并且像其他框架一样，我通常必须在我的元素中放置多个类以实现我想要的。例如，我所有的按钮将如下所示：

<button class="waves-effect waves-light btn red darken-4">My button</button>

我不想不必将此类放在每个按钮中，仅在CSS中执行此操作会很不错，并且可以将其应用于我站点中的每个按钮。

我发现使用LESS mixin可以做到：

.bordered {
    border-top: dotted 1px black;
    border-bottom: solid 2px black;
}

div {
    .bordered();
} 

所以我尝试了下面的代码，但是在less文件之外的类上却不起作用。

btn {
    .waves-effect();
    .waves-light();
    .btn();
    .red(); 
    .darken-4();
}

是否可以使用LESS或其他工具来做到这一点？