sass小结

1.属性可以嵌套
    例 p {
　　　　border: {
　　　　　　color: red;
　　　　}
　　  }
    注意：border后面一定要加上：
2.继承
    .class1 {
       border:1px solid #ddd;    
    }
    .class2 {
       @extend .class1
        font-size:120%
    }
3.mixin 可以重用的代码块
    @mixin left {
    float:left;
    margin-left:10px;
    }
    用@include命令，调用这个mixin
   div {
       @include left;
   }
  mixin 的强大之处，在于可以指定参数和缺省值

   @mixin left（$value:10px;）{
      float:left;
      margin-right:$value;
   }
   使用时候  根据需要加入参数
　div {
　　　　@include left(20px);
　　}
4.@import命令，用来插入外部文件。
　@import "path/filename.scss";
5.高级用法
  @if可以用来判断：

　　p {
　　　　@if 1 + 1 == 2 { border: 1px solid; }
　　　　@if 5 < 3 { border: 2px dotted; }
　　}

配套的还有@else命令：

　　@if lightness($color) > 30% {
　　　　background-color: #000;
　　} @else {
　　　　background-color: #fff;
　　}

自定义函数

SASS允许用户编写自己的函数。

　　@function double($n) {
　　　　@return $n * 2;
　　}

　　#sidebar {
　　　　width: double(5px);
　　}