Sass和less的區別

首先，sass和less都是css的預編譯處理語言，他們引入了mixins，參數，嵌套規則，運算，顏色，名字空間，作用域，JavaScript賦值等 加快了css開發效率,當然這兩者都可以配合gulp和grunt等前端構建工具使用，但是他們兩者有什么不同呢？

1.編譯環境不同

    less是通過js編譯 是在客戶端處理

    sass同通過ruby 是在服務器端處理

2.變量符不一樣

    less是用@,sass是用$

3.sass支持條件語句，可以使用if{}else{},for{}循環等等。而less不支持。

4.輸出設置

　　less沒有輸出設置

　　sass提供4中輸出選項：nested, compact, compressed 和 expanded。

　　　　輸出樣式的風格可以有四種選擇，默認為nested

　　　　nested：嵌套縮進的css代碼

　　　　expanded：展開的多行css代碼

　　　　compact：簡潔格式的css代碼

　　　　compressed：壓縮后的css代碼

5.Sass和Less的工具庫不同

　　Sass有工具庫Compass, 簡單說，Sass和Compass的關系類似於像Javascript和jQuery的關系,Compass在Sass的基礎上，封裝了一系列有用的模塊和模板，補充強化了Sass的功能。

　　Less有UI組件庫Bootstrap,Bootstrap是web前端開發中一個比較有名的前端UI組件庫，Bootstrap的樣式文件部分源碼就是采用Less語法編寫。

6.總結

less和sass各有各自的好處，二者的出現都是為了同一個目的：提高開發效率！每個開發者根據自己的習慣和愛好來選擇使用哪個。