#{}作用是將變量的值轉(zhuǎn)換成字符串,可以用在 選擇器、屬性名、屬性值 上。
@include 中不能使用,是因?yàn)槠湔{(diào)用的是 混合宏 的名字。
@extend 中能夠使用,是因?yàn)槠湔{(diào)用的是 選擇器 的名字。
$margin 報(bào)錯(cuò)是因?yàn)?$ 后面必須是變量,而 #{$size} 已經(jīng)被轉(zhuǎn)換成字符串無(wú)法跟前面組成變量,所有報(bào)錯(cuò) $margin- 變量未定義。
@include 中不能使用,是因?yàn)槠湔{(diào)用的是 混合宏 的名字。
@extend 中能夠使用,是因?yàn)槠湔{(diào)用的是 選擇器 的名字。
$margin 報(bào)錯(cuò)是因?yàn)?$ 后面必須是變量,而 #{$size} 已經(jīng)被轉(zhuǎn)換成字符串無(wú)法跟前面組成變量,所有報(bào)錯(cuò) $margin- 變量未定義。
2017-04-14
課程不錯(cuò)
課程時(shí)長(zhǎng)4小時(shí),可以少寫點(diǎn),開始我都嚇著了
課程時(shí)長(zhǎng)4小時(shí),可以少寫點(diǎn),開始我都嚇著了
2017-04-13
1、嵌套輸出方式 nested
2、展開輸出方式 expanded
3、緊湊輸出方式 compact
4、壓縮輸出方式 compressed
2、展開輸出方式 expanded
3、緊湊輸出方式 compact
4、壓縮輸出方式 compressed
2017-04-10
webstrom+ phpstorm file-settings-Tools-filewatchers-添加sass即可自動(dòng)編譯監(jiān)聽
2017-04-10
$content: "Hello" + "" + "Sass!";
.box:before {
content: $content;
}
和直接按變量寫沒有區(qū)別啊好像
.box:before {
content: $content;
}
和直接按變量寫沒有區(qū)別啊好像
2017-04-08
我來說說我對(duì)sass應(yīng)用的理解。一般小項(xiàng)目,或是不復(fù)雜的網(wǎng)站,自己寫前端頁(yè)面,一般都用不到這個(gè),寫寫css就夠了
用的最多的是框架,bootstrap,extjs等,你要給這些框架寫主題,最好就用sass,因?yàn)樗麄兙褪怯玫膕ass
用過這些框架的sass就會(huì)知道!default的默認(rèn)變量是什么意思
用的最多的是框架,bootstrap,extjs等,你要給這些框架寫主題,最好就用sass,因?yàn)樗麄兙褪怯玫膕ass
用過這些框架的sass就會(huì)知道!default的默認(rèn)變量是什么意思
2017-04-06
我擦 gem update sass 然后updating installed sass 然后就沒反應(yīng)了 也沒有 nothing to update
2017-04-04
[理解混合宏 VS 繼承 VS 占位符概念](http://img1.sycdn.imooc.com//55263aa30001913307940364.jpg)
2017-04-03
http://img1.sycdn.imooc.com//55263aa30001913307940364.jpg
這節(jié)課比較重要
這節(jié)課比較重要
2017-04-03
$i from 1 through length($list)
這句像JS中的(i=0;i<list.length;i++)
這句像JS中的(i=0;i<list.length;i++)
2017-04-02