用了很久css預編譯器，但是一直不太清楚到底用的sass還是scss，直到有天被問住了有點尷尬，找了個教程擼了遍==。。。

1. 異同：簡言之可以理解scss是sass的一個升級版本，完全相容sass之前的功能，又有了些新增能力。語法形式上有些許不同，最主要的就是sass是靠縮排表示巢狀關係，scss是花括號

//sass 太費眼了
.father
    width:100px;
    .son
        width:50px;
//scss 適合我這種眼瘸手殘患者
.father{
    width:100px;
    .son{
        width:50px;
    }
}       
 

2 scss功能很強大的樣子，能做運算、寫函式啥的，但是我只是作為語法糖用而已，只看了些基礎功能
我個人常用的功能有：

• 巢狀
• 變數 $color : #111111;
• 混入 @mixin
• 繼承 @extend

3.一個關於@mixin、@extend、%placeholder的適用場景總結

• mixin 可以傳變數
• extend 不可以傳變數，相同樣式直接繼承，不會造成程式碼冗餘；基類未被繼承時，也會被編譯成css程式碼
• placeholder 基類未被繼承時不會被編譯成css程式碼

慕課網的總結：