一、less與sass分別是什么

1、less

Less是一門CSS預處理語言，它擴展了CSS語言，增加了變量、Mixin、函數等特性，使CSS更易維護和擴展，它可以運行在Node或瀏覽器端。

2、sass

Sass是一款強化CSS的輔助工具，它在CSS語法的基礎上增加了變量、嵌套、混合、導入等高級功能，這些拓展令CSS更加強大與優雅。使用Sass以及Sass的樣式庫（如Compass）有助于更好地組織管理樣式文件，以及更高效地開發項目。

二、less和sass的相同之處

Less和Sass在語法上有些共性，比如下面這些：

1、混入(Mixins)——class中的class；

2、參數混入——可以傳遞參數的class，就像函數一樣；

3、嵌套規則——Class中嵌套class，從而減少重復的代碼；

4、運算——CSS中用上數學；

5、顏色功能——可以編輯顏色；

6、名字空間(namespace)——分組樣式，從而可以被調用；

7、作用域——局部修改樣式；

8、JavaScript賦值——在CSS中使用JavaScript表達式賦值。

三、less和sass的區別

Less是基于JavaScript，是在客戶端處理的；Sass是基于Ruby的，是在服務器端處理的。

關于變量在Less和Sass中的唯一區別就是Less用@，Sass用$。

輸出設置，Less沒有輸出設置，Sass提供4中輸出選項：nested,compact,compressed和expanded。

Sass支持條件語句，可以使用if{}else{},for{}循環等等，而Less不支持。