## less和sass的特點和區別 二者都是CSS預處理器。是CSS上的一種抽象層。他們是一種特殊的語法/語言編譯成CSS。 #### 1、Less： 是一種動態樣式語言. 對CSS賦予了動態語言的特性，如變量、繼承、運算、函數。 Less 既可以在客戶端上運行 (支持IE 6+, Webkit, Firefox)，也可在服務端運行。 ### 為什么要使用它們？ 結構清晰，便于擴展。 可以方便地屏蔽瀏覽器私有語法差異。這個不用多說，封裝對瀏覽器語法差異的重復處理，減少無意義的機械勞動。 可以輕松實現多重繼承。 #### 2、Sass： 是一種動態樣式語言，Sass語法屬于縮排語法， 比css比多出好些功能(如變量、嵌套、運算,混入(Mixin)、繼承、顏色處理，函數等)，更容易閱讀。 ## Sass與Scss是什么關系? Sass的縮排語法，對于寫慣css前端的web開發者來說很不直觀，也不能將css代碼加入到Sass里面，因此sass語法進行了改良，Sass 3就變成了Scss(sassy css)。與原來的語法兼容，只是用{}取代了原來的縮進。 ## 二、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和Sass的主要不同就是他們的實現方式。 Less是基于JavaScript，是在客戶端處理的。 Sass是基于Ruby的，是在服務器端處理的。 關于變量在Less和Sass中的唯一區別就是Less用@，Sass用$。