less中的混合
混合的意思：
混合就是將一系列屬性從一個規則集引入到另一個規則集的方式
通俗來講，規則集即指一套代碼，一套定義一定規則的代碼，比如一套定義樣式的代碼，就是一個規則集
比如：
這里面的樣式就是一個規則集
混合就是把一套規則集用于另一個元素上面
混合類別：
普通混合
不帶輸出的混合
帶引數的混合
帶引數并且有默認值的混合
帶多個引數的混合
命名引數
匹配模式
arguments變數
普通混合
即直接寫一個不影響html中元素的選擇器，然后代碼體里面寫上規則集，然后直接讓其他規則集呼叫
這種方法會使less在編譯為css時把不該編譯到css中的選擇器#diaoyong也給編譯進去
不帶輸出的混合
在選擇器后面加上()就不會被編譯到``css```中了
呼叫的時候加不加()都行
帶引數的混合
引數就是變數所以，我們就跟函式一樣可也設定形參也可向里面傳實參，但是注意，咱這是混合，不是函式
定義形參@a設定形參為background-color的屬性值，等于此時這是一個background-color值可變的一個規則集，然后下面呼叫的同時進行傳參，改變background-color的值
帶引數并且有默認值的混合
設定默認值的方法：形參變數:值，設定了默認值后，當不給形參傳入值的時候，這些變數的值就自動設定為默認值
注意，只有設定了默認值的形參，在呼叫的時候可以不用在括號里宣告，但是沒有設定默認值的形參，在呼叫的時候，若括號里沒有宣告則會報錯
帶多個引數的混合
就這種，帶多個引數的混合
命名引數
當我們的混合有多個形參，我們可以為其中特定的無默認值或者，需要改變默認值的形參來進行復制
在呼叫的時候指定變數名，并為他特意賦值
可以做到只修改形參里一些特定變數的默認值
匹配模式
這個混合類似于函式的多載，我們寫多個同名同形參的混合，但我們里面的功能不一樣，我們可以給每個同名混合的形參前面加上一個字符來作為他的識別符號，來區別于其他的同名混合
如果我們給某一同名混合的前面加上一個@_則他會變成一個自動呼叫混合，即當我們呼叫其他同名的混合的時候，系統會自動同時呼叫這個混合
呼叫某一同名混合的方法：
當我們呼叫其中某一個混合，我們可以在實參串列前面加上某一同名混合特有的表示符，來告訴系統我們到底要呼叫哪個同名混合
即匹配哪個同名混合，(匹配模式)
這里也會自動呼叫加上@_的同名混合，第一行是引入其他less檔案
less中引入其他less檔案
即我們可以復雜而且多用的代碼寫在一個less檔案中，然后其他檔案呼叫傳值，類似于封裝
在呼叫其他less中的混合之前，我們需要在呼叫前面放上宣告
語法：
@import "路徑"
這樣可以直接在一個less檔案中使用其他less檔案中的內容
arguments變數
用于簡化在混合里面呼叫形參
比較雞肋，即類似于js中的隱藏陣列
即我們混合里面寫上@arguments那么@arguments的值就等于所有形參的值，如下圖，@arguments的值為1px solid black
也可以寫多個@arguments每個@arguments的值都一樣，都是所有形參的值
less計算
在less中可以進行加減乘除，比如100 + 100px當然，在less中，運算的雙方可以只有一方加單位，在運算的時候，最好在值和運算子號之間加一個空格，不然可能會出錯
calc()運算函式
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/200676.html
標籤：java
上一篇：gin構建包含模板的二進制檔案
下一篇：初識React