在前一篇文章《當CSS遇上變數、函式，就變成SASS啦～ SASS安裝教學》有教到要如何安裝SASS，而在這篇文章中，則是要教大家如何使用SASS ，這篇文章會提到SASS裡面的四個特色：變數（Variables）、函式（Mixin）、繼承（extend）、巢狀撰寫（Nesting） 不過在介紹四大特色之前，要先教大家如何編譯SASS，SASS提供兩種編譯方式，一種是手動編譯，一種是監視編譯(watch)，手動編譯就是當你撰寫好CSS時下指令去做編譯，監視編譯則是你指令一個目錄，當此目錄裡面的*.scss檔案有改變時（新增、覆寫等等），就會自動去做編譯的動作，我個人推薦用監視的方式做編譯，這樣子做事情比較方便XD，所以這邊就只講監視編譯的方式ㄎ SASS編譯 建立一個scss資料夾還有一個css資料夾 mkdir scss css 然後在scss資料夾裡面建立一個檔案：「style.scss」，注意雖然這程式叫做SASS，但是他的附檔名是scss cd scss touch style.scss style.scss的內容，請輸入下面的範例程式碼： ?[Copy to clipboard]View Co... read more »
