如何将几个类的规则组合成一个新的 mixin/类？答案

【问题标题】：How do I combine the rules of several classes into a new mixin/class?如何将几个类的规则组合成一个新的 mixin/类？
【发布时间】：2017-04-22 18:20:22
【问题描述】：

我有几个 CSS 类，其中的元素总是使用相同的组合。
CSS（不是 LESS 或类似系统）中是否有办法将多个类捆绑到一个规则中？
伪代码：

.a{
   margin 30px 0;
}

.b{ 
  padding:0 4px;
}

@bob{
  .a;
  .b;
}

...
...
<div class='bob'>...</div>

【问题讨论】：

有什么原因不能在同一个元素中使用.a 和.b 类？ <div class='a b'>...</div> ... 或者，您可以执行 .a, .bob { ... } .b,.bob { ... } 之类的操作，然后在您的元素中使用 .bob。
Can we include common css class in another css class?的可能重复
@Ricky 我要捆绑的类来自引导程序。我不能在这个项目中使用 LESS（或类似的）。

【解决方案1】：

不，CSS 不允许这样做（这也是最初创建 LESS 和 Sass 的原因之一）。

【讨论】：