Less、Sass/Scss是什么？
Less：
是一種動(dòng)態(tài)樣式語(yǔ)言. 對(duì)CSS賦予了動(dòng)態(tài)語(yǔ)言的特性，如變量、繼承、運(yùn)算、函數(shù)。
Less 既可以在客戶端上運(yùn)行 (支持IE 6+, Webkit, Firefox)，也可在服務(wù)端運(yùn)行。
Sass：
是一種動(dòng)態(tài)樣式語(yǔ)言，Sass語(yǔ)法屬于縮排語(yǔ)法，
比css比多出好些功能(如變量、嵌套、運(yùn)算,混入(Mixin)、繼承、顏色處理，函數(shù)等)，更容易閱讀。
Sass與Scss是什么關(guān)系?
Sass的縮排語(yǔ)法，對(duì)于寫慣css前端的web開(kāi)發(fā)者來(lái)說(shuō)很不直觀，也不能將css代碼加入到Sass里面，因此sass語(yǔ)法進(jìn)行了改良，Sass 3就變成了Scss(sassy css)。與原來(lái)的語(yǔ)法兼容，只是用{}取代了原來(lái)的縮進(jìn)。
SCSS 是 Sass 3 引入新的語(yǔ)法，其語(yǔ)法完全兼容 CSS3，并且繼承了 Sass 的強(qiáng)大功能。Sass 和 SCSS 其實(shí)是同一種東西，我們平時(shí)都稱之為 Sass，兩者之間不同之處有以下兩點(diǎn)：
-
文件擴(kuò)展名不同，Sass 是以“.sass”后綴為擴(kuò)展名，而 SCSS 是以“.scss”后綴為擴(kuò)展名
-
語(yǔ)法書(shū)寫方式不同，Sass 是以嚴(yán)格的縮進(jìn)式語(yǔ)法規(guī)則來(lái)書(shū)寫，不帶大括號(hào)(
{})和分號(hào)(;)，而 SCSS 的語(yǔ)法書(shū)寫和我們的 CSS 語(yǔ)法書(shū)寫方式非常類似。
less和sass的相同之處
- 混入(Mixins)——class中的class；
- 參數(shù)混入——可以傳遞參數(shù)的class，就像函數(shù)一樣；
- 嵌套規(guī)則——Class中嵌套class，從而減少重復(fù)的代碼；
- 運(yùn)算——CSS中用上數(shù)學(xué)；
- 顏色功能——可以編輯顏色；
- 名字空間(namespace)——分組樣式，從而可以被調(diào)用；
- 作用域——局部修改樣式；
- avaScript賦值——在CSS中使用JavaScript表達(dá)式賦值。
less和sass的區(qū)別
- Less環(huán)境較Sass簡(jiǎn)單
Sass的安裝需要安裝Ruby環(huán)境，Less基于JavaScript，是需要引入Less.js來(lái)處理代碼輸出css到瀏覽器，也可以在開(kāi)發(fā)環(huán)節(jié)使用Less，然后編譯成css文件，直接放在項(xiàng)目中，有l(wèi)ess.app、SimpleLess、CodeKit.app這樣的工具，也有在線編輯地址。
- Less使用較Sass簡(jiǎn)單
- Sass較Less略強(qiáng)大一些
sass有變量和作用域；sass有函數(shù)的概念；進(jìn)程控制；數(shù)據(jù)結(jié)構(gòu)等；文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-421843.html
- Less與Sass處理機(jī)制不一樣
前者是通過(guò)客戶端處理的，后者是通過(guò)服務(wù)端處理，相比較之下前者解析會(huì)比后者慢一點(diǎn)；文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-421843.html
- 變量在Less和Sass中的唯一區(qū)別就是Less用@，Sass用$。
推薦使用Sass的原因
- Sass有更成熟的框架，比如說(shuō)Compass，而且有很多框架也使用Sass，比如說(shuō)Foundation；
- 就國(guó)外討論的熱度來(lái)說(shuō)，Sass絕對(duì)優(yōu)于less；
- 在國(guó)內(nèi)less集中的教程是less中文官網(wǎng)，而Sass的中文教程，在國(guó)內(nèi)較為普遍；
- sass也是成熟的CSS預(yù)處理器之一，而且有一個(gè)穩(wěn)定，強(qiáng)大的團(tuán)隊(duì)在維護(hù)；
- scss對(duì)sass語(yǔ)法進(jìn)行了改良，sass 3變成了Scss(sassy css)。與原來(lái)的語(yǔ)法兼容，只是用{}取代了原來(lái)的縮進(jìn);
- bootstrap（Web框架）最新推出的版本4，使用的就是Sass，可以看出sass有更多市場(chǎng)價(jià)值。
到了這里，關(guān)于Less、Sass/Scss是什么？他們有什么區(qū)別？的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
