可以使用 less, sass 等写法，通过预编译处理，得到最终的css。

less， sass 都可以支持 变量，函数等基本操作语法。

举例： 使用 less 的 mixin 来模拟实现继承

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

#menu a {
  color: #111;
  .bordered;
}

menu a 直接将 .bordered 的样式合并进来， 从而实现了类似 #menu a 继承 .bordered 样式的效果。

.margin {
   margin-left: 10px;
}
.a {
  color: red;
}
.b {
  color: blue;
}

<div class="margin a">A element</div>
<div class="margin b">B element</div>
如果你不想在html多写一个class，可以这样

.a, .b {
  margin-left: 10px;
}
.a {
  color: red;
}
.b {
  color: blue;
}

逗号可以分隔开平级的选择器，也就是说被逗号分隔的选择器都会拥有之后写的样式。