1.less里面的注釋
less里面的注釋分為兩種,看下圖所示:
編譯之后的效果圖:
我們可以發(fā)現(xiàn)在編譯之后的css 文件里面只有一個注釋,也就是說//注釋不會被編譯到CSS文件中去.其實我們以后維護(hù)的是less文件,CSS文件里面有沒有注釋其實也無關(guān)緊要了..
2.變量
less里面也是有變量滴.聲明變量要用"@"
而且當(dāng)你的less 語法有問題的時候,她會進(jìn)行報錯的.非常的好!見下圖所示:
a=12;這樣寫是錯的
這樣就很直觀的告訴我們,程序那里有問題.
在less的變量是這樣寫的
@div_width:300px;
看下面的一個例子:
這里我們寫了一個less 文件.寫了一個變量,我們可以很方便的將這些變量保存的樣式賦值給任意的一個元素的屬性.
less文件:
編譯之后的css 文件:
非常的爽,而且還是同步的!
3.混合
混合的意思其實就是樣式的復(fù)用,假如多個元素的樣式是一樣的,或者是有大部分的相同,小部分的不同,我們可以直接定義好的樣式放置另一個元素中,這樣她也具有了當(dāng)前的一個屬性,這就是less中的混合.
看下面的一個代碼所示:
1.混合不帶參數(shù)
生成的CSS代碼就是下面的這個樣子:
2.混合帶參數(shù)
編譯之后生成的代碼:
3.混合帶默認(rèn)值
如果沒有默認(rèn)值,那么必須要給一個值.如果有默認(rèn)值,可以為空.
混合的作用其實就是樣式的復(fù)用,當(dāng)幾個元素的樣式差不多的時候就可以用混合來實現(xiàn)快速的復(fù)用.混合還是很爽的.混合很像是一個預(yù)先定義好的函數(shù),當(dāng)默某些元素的某些屬性要改變的時候就在混合中設(shè)置為一個形式參數(shù),然后在樣式復(fù)用的時候傳遞參數(shù)過去就可以了.
//測試
