1. 程式人生 > >Less、Sass和SCSS

Less、Sass和SCSS

(一)區別:

  • Less(可在客戶端和服務端執行)是一種動態樣式語言,對css賦予了動態語言的特性,如:變數、繼承、運算、函式。
  • SCSSSass的升級版本,相容Sass功能,又新增功能。SCSS 需要使用分號和花括號而Sass用換行和縮排。
  • Sass/SCSS與Less的區別:
    • 編譯環境不一樣
    • 變數符不一樣,Less是@,SCSS是$,且變數作用域也不一樣
    • 輸出設定,Less沒有,Sass有4種:nested、compact、compressed、expanded
    • Sass支援條件語句,Less不支援
    • 工具庫不一樣:Sass-->compass(關係類似於JS和JQ);Less-->UI元件庫Bootstrap

(二)網站: