SASS实现代码的重用：混合器Mixin、继承

.class1{
        border: 1px solid #333;    
}
.class2{
        @extend .class1;
        font-size:  12px;
}
// .class2继承.class1的样式

//.class2 从 .class1 继承样式
.class1 a{  //应用到.class2 a
  color: red;
  font-weight: 100;
}

//使用@mixin命令 定义一个代码块
@mixin left {
　　　　float: left;
　　　　margin-left: 10px;
}
//使用 @include命令 调用
div{
      @include left;
}

　@mixin left($value: 10px) {
　　　　float: left;
　　　　margin-right: $value;
　　}

//$value默认值是10px,调用时根据需要改变参数
　div {
　　　　@include left(20px);
　　}

@mixin link-colors($normal, $hover, $visited) {
  color: $normal;
  &:hover { color: $hover; }
  &:visited { color: $visited; }
}

a {
  @include link-colors(blue, red, green);
}
或者用$name: value 的形式指定每个参数的值：

a{
　　@include linkColors(
　　　　$link: red,
　　　　$hover: green,
　　　　$visited:#eee
　　);
}