新聞中心
一般情況下,你反復(fù)聲明一個(gè)變量,只有最后一處聲明有效且它會(huì)覆蓋前邊的值。舉例說(shuō)明:

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比永興網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式永興網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋永興地區(qū)。費(fèi)用合理售后完善,10余年實(shí)體公司更值得信賴。
$link-color: blue;
$link-color: red;
a {
color: $link-color;
}在上邊的例子中,超鏈接的color會(huì)被設(shè)置為red。這可能并不是你想要的結(jié)果,假如你寫(xiě)了一個(gè)可被他人通過(guò)@import導(dǎo)入的sass庫(kù)文件,你可能希望導(dǎo)入者可以定制修改sass庫(kù)文件中的某些值。使用sass的!default標(biāo)簽可以實(shí)現(xiàn)這個(gè)目的。它很像css屬性中!important標(biāo)簽的對(duì)立面,不同的是!default用于變量,含義是:如果這個(gè)變量被聲明賦值了,那就用它聲明的值,否則就用這個(gè)默認(rèn)值。
$fancybox-width: 400px !default;
.fancybox {
width: $fancybox-width;
}在上例中,如果用戶在導(dǎo)入你的sass局部文件之前聲明了一個(gè)$fancybox-width變量,那么你的局部文件中對(duì)$fancybox-width賦值400px的操作就無(wú)效。如果用戶沒(méi)有做這樣的聲明,則$fancybox-width將默認(rèn)為400px。
接下來(lái)我們將學(xué)習(xí)嵌套導(dǎo)入,它允許只在某一個(gè)選擇器的范圍內(nèi)導(dǎo)入sass局部文件。
分享題目:創(chuàng)新互聯(lián)SASS教程:3-2.默認(rèn)變量值
本文鏈接:http://www.5511xx.com/article/djhghej.html


咨詢
建站咨詢
