⑴ 動態樣式語言Scss&Less介紹與區別
一. Sass/Scss&Less是什麼？
Sass (Syntactically Awesome Stylesheets)是一種動態樣式語言，語法跟css一樣(但多了些功能)，比芹悶談css好寫，而且更容易閱讀。Sass語法類似與Haml，屬於縮排語法（makeup），用意就是為了快速寫Html和Css。
Less一種動態樣式語言. 將CSS賦予了動態語言的特性，如變數，繼承罩肆，運算， 函數. LESS 既可以在客戶端上運行 (支持IE 6+, Webkit, Firefox)，也可一在服務端運行 (藉助 Node.js)。less英文站需要翻牆，也可以訪問中文站
Sass與Scss有什麼差別
Sass原先跟Haml一樣的縮排語法，對於寫慣Css的前端來說是很不直觀的，也不能將原來的Css加到Sass裡面，因此Sass改良了語法，Sass 3就變成了Scss(Sassy CSS)。與原來的語法兼容，只是用{}取代了原來的縮進。
二. Sass/Scss&Less區別？
1.Sass是基於Ruby的，是在服務端處理的，而Less是需要引入嫌碰less.js來處理Less代碼輸出Css到瀏覽器，也可以在開發環節使用Less，然後編譯成Css文件，直接放到項目中，也有Less.app、SimpleLess、CodeKit.app這樣的工具，也有在線編譯地址。
2.變數符不一樣，less是@，而Scss是$，而且變數的作用域也不一樣，後面會講到。
3.輸出設置，Less沒有輸出設置，Sass提供4中輸出選項：nested, compact, compressed 和 expanded。
4.Sass支持條件語句，可以使用if{}else{},for{}循環等等。而Less不支持。
⑵ webstorm 編譯 scss 文件報錯
打開webstorm創建空項目，點擊「File」菜單選擇「Setting」，搜索「watcher」關鍵字，
點擊右邊綠色加號，選擇「SCSS」文件類型。
輸入監視文件類型名稱(隨便寫)，關鍵第二個選項，一定要選擇ruby安裝目錄bin文件下的scss.bat文件
最後，創建.scss文件輸入scss css代碼，保存後會生成後綴.css文件，就可以了。
⑶ idea自動編譯scss為什麼會生成.map
導入.sass或.scss文件 css有一個不太常用的特性，即@import導入功能，它允許在一個css文件中導入其他css文件。然而，結果是只有執行到@import規則時，瀏覽器才會去下載其他css文件