SCSS筆記

SASS是成熟，穩定，強大的 CSS預處理器 ，而 SCSS 是SASS3版本當中引入的新語法特性，徹底兼容CSS3的同時繼承了CSS強大的動態功能。

CSS書寫代碼規模較大的web應用時，容易形成選擇器，層疊的複雜度太高，所以推薦經過SASS預處理器進行CSS的開發，SASS提供的變量，嵌套，混合，繼承等特性，讓CSS的書寫更加有趣和程式化。

1.變量

SASS中能夠定義變量，用來存儲須要在CSS中複用的信息，方便統一修改和維護。

sass代碼：

$blue:#1875e7;
div {
  color : $blue;
}

 對應生成的css代碼：

div {
    color : #1875e7;  
}

 若是變量須要鑲嵌在字符串中，就必須寫在  #{}  中：

$side : left;
.rounded{
    border-#{$side}-radius : 5px;  
}

2.嵌套