## 一、變量
1. 局部變量
2. 全局變量：變量```$color``` 后加 ```!gloabl ```（塊里定義，外部也可以使用
3. 變量默認值：``` $fontsize: 14px !default;``` **!default**
4. 多值變量
1.定義：```$paddings: 5px 10px 5px 10px``` 使用：```padding-left: nth($paddings, 1)``` **序號從 1開始**
2.定義：```$maps: (color: red, borderColor: blue)```使用：```background-color: map-get($maps, color)```
5. 變量特殊用法 定義：```$className: main``` 使用：``` .#{$className}```
## 二、樣式引入（部分）
文件要以**_**開頭
要是引入該部分內容 可以在文件中@import文件名即可（不需要寫下劃線和后綴）
## 三、嵌套
1. ```@at-root```為**跳出嵌套**
2. 如果是媒體查詢 是不能跳出的，如果想要跳出，就添加```without: media```
```
//原代碼
@media screen and (max-width: 600px) {
@at-root .container {
Background: green;
}
}
//跳出媒體查詢
@media screen and (max-width: 600px) {
@at-root (without: media rule) {
.container {
Background: green;
}
}
}
```
3. @at-root 與 & 如果想要寫某個區域下的該類名的樣式 可以使用這個形式
```
@at-root .text-info {
color: red;
@at-root nav & {
color: blue;
}
}
```
## 四、繼承
1. 承多個樣式 可以使用``` @extend ```類名, 類名;
2. 鏈式繼承 子繼承父 孫子繼承父 形成鏈條；
3. 繼承的局限性：包含選擇器```(.one .two)```以及相鄰兄弟選擇器```（.one + .two）```是無法繼承的；若一個元素除了有自身屬性，還有``` hover``` 屬性，其```hover```屬性也會被繼承。
4. 繼承的交叉合并
```
.one a {
Font-weight: bold;
}
.two .three {
@extend a;
}
```
