lass和sass區別?
一、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不支持。