4 回答

TA貢獻1868條經(jīng)驗 獲得超4個贊
如果說:你的作品(html)需要換整個站的顏色的時候! 這時候 在開頭定義一個$main_color(名字隨便取) : (什么樣色都行);到時候好只需要改這個$main_color:這一個顏色。 至于其他compass框架的話,我也沒看! 還有就是: sass 內(nèi)置@mixin 定義一些公共的樣式! 需要用的時候就@include 一下!

TA貢獻1906條經(jīng)驗 獲得超10個贊
1.編譯環(huán)境不一樣
Sass的安裝需要Ruby環(huán)境,是在服務(wù)端處理的,而Less是需要引入less.js來處理Less
代碼輸出css到瀏覽器,也可以在開發(fā)環(huán)節(jié)使用Less,然后編譯成css文件,直接放到
項目中。
2.變量符不一相
less是@,而scss是$,而且它們的作用域也不一樣,less是塊級作用域
3.輸出設(shè)置不一樣
Less沒有輸出設(shè)置,sass提供4種輸出選項,nested,compact,compressed和expanded nested:
嵌套縮進的css代碼(默認) expanded:展開的多行css代碼 compact:簡潔格式的css代碼
compressed:壓縮后的css代碼
4.sass支持條件語句,可以使用if{}else{},for{}循環(huán)等等,而less不行
5.引用外部css文件
sass引用外部文件必須以開頭,文件名如果以下劃線形狀,sass會認為該文件是一個引用文件,
不會將其編譯為css文件。less引用外部文件和css中的@import沒什么差異。
6.sass和less的工具庫不同
sass有工具庫Compass, 簡單說,sass和Compass的關(guān)系有點像Javascript和jQuery的關(guān)系,
Compass是sass的工具庫。在它的基礎(chǔ)上,封裝了一系列有用的模塊和模板,補充強化了
sass的功能。less有UI組件庫Bootstrap,Bootstrap是web前端開發(fā)中一個比較有名的前端UI
組件庫,Bootstrap的樣式文件部分源碼就是采用less語法編寫。
添加回答
舉報