今天的重點是認識SASS/SCSS，這是一種讓CSS更好維護、更強大的工具。
平常我們寫CSS，很容易遇到以下問題：
1.樣式很多，程式碼重複
2.修改顏色或字型要到處改
3.沒有像程式語言一樣的變數或計算
SASS/SCSS 就是來解決這些痛點的！
什麼是SASS/SCSS
1.它是CSS的超集合 (superset)，最後會被編譯成一般的CSS。
2.支援變數 (variables)、巢狀語法(nesting)、Mixin(可重複使用的樣式)、運算等功能。
基本語法差異
1.副檔名為.scss。
2.和CSS幾乎一樣，但能多用一些程式化的功能。
接下來我們用線上的工具sassmeister做練習
轉譯成CSS
巢狀的寫法
以前寫CSS時，常常遇到同一個顏色要用在好幾個地方，一旦要改色，就得到處翻程式碼，很麻煩。
SASS的變數功能，只要改一行，整個網站就會一起更新，非常方便！
32499522
iThome鐵人賽
看影片追技術