久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

10
2023/11

Less——混合(Mixin)(上)

發(fā)布時間:2023-11-10 13:36:10
發(fā)布者:MaiMai
瀏覽量:
0

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編譯中。

創(chuàng)建一個mixins


二,帶參數(shù)的混合。

和函數(shù)類似,混合可以帶參數(shù),參數(shù)需要按順序傳遞。(參數(shù)可以帶默認(rèn)值)。

帶參數(shù)的混合


三,命名參數(shù)。

可以在向混合傳參是指定參數(shù)名稱,從而不需要按順序傳入。

命名參數(shù)

關(guān)鍵詞:
返回列表