作為 CSS 的一種擴(kuò)展，Less 不僅完全兼容 CSS 語(yǔ)法，而且連新增的特性也是使用 CSS 語(yǔ)法。這樣的設(shè)計(jì)使得學(xué)習(xí) Less 很輕松，而且你可以在任何時(shí)候回退到 CSS。

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，提供成都做網(wǎng)站、成都網(wǎng)站制作，網(wǎng)頁(yè)設(shè)計(jì)，建網(wǎng)站，PHP網(wǎng)站建設(shè)等專(zhuān)業(yè)做網(wǎng)站服務(wù);可快速的進(jìn)行網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展；專(zhuān)業(yè)做搜索引擎喜愛(ài)的網(wǎng)站，是專(zhuān)業(yè)的做網(wǎng)站團(tuán)隊(duì)，希望更多企業(yè)前來(lái)合作!

用less來(lái)控制樣式，更加的方便，寫(xiě)好的less代碼，可以通過(guò)編譯生成css,這是對(duì)css非常強(qiáng)大的擴(kuò)展，讓我們寫(xiě)起代碼時(shí)，更加的順暢。

變量，在less中聲明變量用@，例如：

@test: red;

.test{

color: @test;

}

編譯后：

.test{

color: red;

}

注:變量只能定義一次，本質(zhì)就是常量

混合（Mixin），在兩塊樣式中，可以引用另一個(gè)塊的樣式，例如：

.cls{

width: 100px;

height: 100px;

}

.cls1{

background: green;

.cls;

}

.cls2{

background: #ccc;

.cls;

}

編譯后：

.cls1{

background: green;

width: 100px;

height: 100px;

}

.cls2{

background: #ccc;

width: 100px;

height: 100px;

}

嵌套規(guī)則，選擇器可以嵌套寫(xiě)，一層一層的，模仿html的DOM結(jié)構(gòu)寫(xiě)，例如：

.parent{

width: 100px; height: 100px;

background: #000DFF;

.first{

color: #00FF20;

}

.second{

color: red;

}

}

編譯后：

.parent{

width: 100px; height: 100px;

background: #000DFF;

}

.first{

color: #00FF20;

}

.second{

color: red;

}

運(yùn)算，任何數(shù)字、顏色或者變量都可以參與運(yùn)算，（+-*/）例如：

@border: 1px;

border: @border * 5 solid #000;

函數(shù)，Less 內(nèi)置了多種函數(shù)用于轉(zhuǎn)換顏色、處理字符串、算術(shù)運(yùn)算等?？蓞⒖己瘮?shù)手冊(cè)。

注釋?zhuān)瑝K注釋和行注釋都可以使用：

/* */     //

導(dǎo)入，以導(dǎo)入一個(gè).less文件。

@import "library"; // library.less @import "typo.css"; 

這只是less一些簡(jiǎn)單的使用方法，還有很多高級(jí)的東西，慢慢看吧，很值得學(xué)習(xí)，會(huì)繼續(xù)關(guān)注less，并在項(xiàng)目中使用。

學(xué)習(xí)鏈接：http://less.bootcss.com/

LESS和Sass在語(yǔ)法上有些共性，比如下面這些：

混入(Mixins)——class中的class；

參數(shù)混入——可以傳遞參數(shù)的class，就像函數(shù)一樣；

嵌套規(guī)則——Class中嵌套class，從而減少重復(fù)的代碼；

運(yùn)算——CSS中用上數(shù)學(xué)；

顏色功能——可以編輯顏色；

名字空間(namespace)——分組樣式，從而可以被調(diào)用；

作用域——局部修改樣式；

JavaScript 賦值——在CSS中使用JavaScript表達(dá)式賦值。

LESS和Sass的主要不同就是他們的實(shí)現(xiàn)方式，LESSS是基于JavaScript，所以，是在客戶端處理的。

另一方面，Sass是基于Ruby的，然后是在服務(wù)器端處理的。很多開(kāi)發(fā)者不會(huì)選擇LESS因?yàn)镴avaScript引擎需要額外的時(shí)間來(lái)處理代碼然后輸出修改過(guò)的CSS到瀏覽器。關(guān)于這個(gè)有很多種方式，我選擇的是只在開(kāi)發(fā)環(huán)節(jié)使用LESS。一旦我完成了開(kāi)發(fā)，我就復(fù)制然后粘貼LESS輸出的到一個(gè)壓縮器，然后到一個(gè)單獨(dú)的CSS文件來(lái)替代LESS文件。另一個(gè)選擇是使用LESS.app來(lái)編譯和壓縮你的LESS文件。兩個(gè)選擇都將最小化你的樣式輸出，從而避免由于用戶的瀏覽器不支持JavaScript而可能引起的任何問(wèn)題。盡管這不大可能，但終歸是有可能的。