1. 程式人生 > >scss和sass,less區別?

scss和sass,less區別?

scss和sass,less區別

1.編譯環境不一樣。Sass的安裝需要Ruby環境,是在服務端處理的,而Less是需要引入less.js來處理Less程式碼輸出css到瀏覽器,也可以在開發環節使用Less,然後編譯成css檔案,直接放到專案中。

2.變數符不一樣,Less是@,而Scss是$,而且變數的作用域也不一樣。

3.輸出設定,Less沒有輸出設定,Sass提供4中輸出選項:nested(巢狀縮排的css程式碼), compact(展開的多行css程式碼), compressed (簡潔格式的css程式碼)和 expanded(壓縮後的css程式碼)。

4.Sass支援條件語句,可以使用if{}else{},for{}迴圈等等。而Less不支援

5.引用外部CSS檔案 scss引用的外部檔案命名必須以開頭, 如下例所示:其中 test1.scss、test2.scss、test3.scss檔案分別設定的h1 h2 h3。檔名如果以下劃線_開頭的話,Sass會認為該檔案是一個引用檔案,不會將其編譯為css檔案.