5-4. 默認(rèn)參數(shù)值
為了在@include
混合器時(shí)不必傳入所有的參數(shù),我們可以給參數(shù)指定一個(gè)默認(rèn)值。參數(shù)默認(rèn)值使用$name: default-value
的聲明形式,默認(rèn)值可以是任何有效的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
也會(huì)被自動(dòng)賦值為red
。
混合器只是sass
樣式重用特性中的一個(gè)。我們已經(jīng)了解到混合器主要用于樣式展示層的重用,如果你想重用語義化的類呢?這就涉及sass
的另一個(gè)重要的重用特性:選擇器繼承。