Less 是一門 CSS 預(yù)處理語言,它擴(kuò)展了 CSS 語言,使 CSS 更易維護(hù)和擴(kuò)展。其中,混合(Mixin)是一種將一組屬性從一個規(guī)則集包含(或混入)到另一個規(guī)則集的方式,規(guī)則集也是我們平時常說的選擇器。有點(diǎn)類似編程語言中的函數(shù),通過這種方式,可以在代碼中實(shí)現(xiàn)復(fù)用。
一,普通混合。
如果希望在其它規(guī)則集中使用這些屬性,只需像下面這樣輸入所需屬性的類(class)名稱即可。
編譯結(jié)果為:
.bordered {
border: 1px solid black;
}
#one a {
color: #fff;
border: 1px solid black;
}
.two a {
color: red;
border: 1px solid black;
}
使用類選擇器時可以在選擇器后邊添加一個括號,這時我們實(shí)際上就創(chuàng)建了一個mixins,此mixins不會被識別進(jìn)css編譯中。
二,帶參數(shù)的混合。
和函數(shù)類似,混合可以帶參數(shù),參數(shù)需要按順序傳遞。(參數(shù)可以帶默認(rèn)值)。
三,命名參數(shù)。
可以在向混合傳參是指定參數(shù)名稱,從而不需要按順序傳入。
上一篇: css整體移動div
下一篇: Less——混合(Mixin)(下)