less編譯報錯

⑴ less混合

混合就是一種或者一系列屬性從一種規則集引入（混合）到另一種規則集的方法

1. 普通混合
一個普通的css樣式

我們發現 h1,h2的樣式中有很多重復的，而解決方式如下，將重復的放在一個類中：

定義一個.font_h類，在HTML文件對應的元素山添加class="font_h"屬性
less可以不這么寫，less寫法如下：

將定義好的類混入css樣式中，這樣就不用在HTML的元素中寫類了
編譯後的css，和下面不帶輸出的混合做對比

2. 不帶輸出的混合

編譯後的css文件，從中發現.font_h不見了

3. 帶選擇器的混合

編譯之後的css文件

其中， .my-hover-mixin():hover == &:hover

4. 帶參數的混合

編譯後的css文件

5. 帶參數並且有默認值

編譯後的css文件

調用後如果 .border_have(); 不帶參數，就用默認的參數；如果傳遞了參數，就用傳入的參數。而上邊帶參數但沒有默認值時，如果調用時不傳入參數就會報錯。

6. 帶多個參數的混合

編譯後的css文件

less文件（定義具有多個相同名稱和參數數量的混合）

編譯後的css文件

less文件

編譯後的css文件

如果使用mixin的時候只帶一個參數，比如.mixin(red)，這個屬性會導致所有的mixin都會強制使用這個明確的參數

7. 命名參數

編譯後的css文件

8. @arguments變數

編譯後的css文件

less文件

編譯後的css文件

這里的solid是默認值，但也必須寫上，否則會報錯。

9. 匹配模式

編譯後的css文件

注意：中間用逗號分割開

10. 得到混合中變數的返回值

編譯後的css文件