W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
為了在@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)了解到混合器主要用于樣式展示層的重用,如果你想重用語(yǔ)義化的類呢?這就涉及sass
的另一個(gè)重要的重用特性:選擇器繼承。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: