混合宏 VS 继承 VS 占位符

混合宏：

缺点：他不会自动合并相同的样式代码，如果在样式文件中调用同一个混合宏，会产生多个对应的样式代码，造成代码的冗余。

优点：不过他并不是一无事处，他可以传参数。如果你的代码块中涉及到变量，建议使用混合宏来创建相同的代码块。

继承：

缺点：继承是首先有一个基类存在，不管调用与不调用，基类的样式都将会出现在编译出来的 CSS 代码中，但是他不能传变量参数。

优点：使用继承后，编译出来的 CSS 会将使用继承的代码块合并到一起，通过组合选择器的方式向大家展现，比如 .mt, .block, .block span, .header, .header

span。这样编译出来的代码相对于混合宏来说要干净的多。

占位符：

缺点：不能传变量参数。

优点：编译出来的 CSS 代码和使用继承基本上是相同，只是不会在代码中生成占位符 mt 的选择器。占位符是独立定义，不调用

的时候是不会在 CSS 中产生任何代码。