东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
10
2023/11

Less——混合(Mixin)(上)

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

Less 是一門 CSS 預處理語言,它擴展了 CSS 語言,使 CSS 更易維護和擴展。其中,混合(Mixin)是一種將一組屬性從一個規(guī)則集包含(或混入)到另一個規(guī)則集的方式,規(guī)則集也是我們平時常說的選擇器。有點類似編程語言中的函數(shù),通過這種方式,可以在代碼中實現(xiàn)復用。


一,普通混合。

如果希望在其它規(guī)則集中使用這些屬性,只需像下面這樣輸入所需屬性的類(class)名稱即可。

普通混合

編譯結果為:

.bordered {

  border: 1px solid black;

}

#one a {

  color: #fff;

  border: 1px solid black;

}

.two a {

  color: red;

  border: 1px solid black;

}

使用類選擇器時可以在選擇器后邊添加一個括號,這時我們實際上就創(chuàng)建了一個mixins,此mixins不會被識別進css編譯中。

創(chuàng)建一個mixins


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

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

帶參數(shù)的混合


三,命名參數(shù)。

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

命名參數(shù)

關鍵詞:
返回列表