5-4. 默認參數(shù)值

2022-04-06 11:48 更新

為了在@include混合器時不必傳入所有的參數(shù),我們可以給參數(shù)指定一個默認值。參數(shù)默認值使用$name: default-value的聲明形式,默認值可以是任何有效的css屬性值,甚至是其他參數(shù)的引用,如下代碼:

@mixin link-colors(
    $normal,
    $hover: $normal,
    $visited: $normal
  )
{
  color: $normal;
  &:hover { color: $hover; }
  &:visited { color: $visited; }
}

如果像下邊這樣調(diào)用:@include link-colors(red) $hover$visited也會被自動賦值為red

混合器只是sass樣式重用特性中的一個。我們已經(jīng)了解到混合器主要用于樣式展示層的重用,如果你想重用語義化的類呢?這就涉及sass的另一個重要的重用特性:選擇器繼承。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號