話雖如此，混合宏確實非常有用，你應該學習使用它。經驗告訴我們，如果你發現有一組 CSS 屬性經常因同一個原因一起出現（非巧合），那么你就可以使用混合宏來代替。比如[Nicolas Gallagher的清除浮動](http://nicolasgallagher.com/micro-clearfix-hack/)應當放入一個混合宏的實例。 ~~~ /// Helper to clear inner floats /// @author Nicolas Gallagher /// @link http://nicolasgallagher.com/micro-clearfix-hack/ Micro Clearfix @mixin clearfix { &::after { content: ''; display: table; clear: both; } } ~~~ 另一個有效的實例是通過在混合宏中綁定?`width`?和?`height`?屬性，可以為元素設置寬高。這樣不僅會淡化不同類型代碼間的差異，也便于閱讀。 ~~~ /// Helper to size an element /// @author Hugo Giraudel /// @param {Length} $width /// @param {Length} $height @mixin size($width, $height: $width) { width: $width; height: $height; } ~~~ ## 擴展閱讀 * [Sass Mixins to Kickstart your Project](http://www.sitepoint.com/sass-mixins-kickstart-project/) * [A Sass Mixin for CSS Triangles](http://www.sitepoint.com/sass-mixin-css-triangles/) * [Building a Linear-Gradient Mixin](http://www.sitepoint.com/building-linear-gradient-mixin-sass/)