4 回答

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

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