Sass 的常用语法

### Sass 语法

#### 嵌套

```scss

// 层级嵌套, id 或 class 类名

#main{

    width: 100%;

    .container{

        font-size: 16px;

    }

    button{

        padding: 4px 6px;

        &:after{

            content: ".";

            display: block;

            height: 0;

            clear: both;

            visibility: hidden;

        }

    }

}

// 属性嵌套   font-family, font-size, font-weight; 三个属性的缩写 

.container{

    font:{

        family: fantasy;

        size: 30em;

        weight: bold;

    }

}

```

#### 数据类型

```scss

/*

 * 1. 数字类型

 */

1, 2, 15, 20px

/*

 * 2. 字符串