[問題] @mixin有時可用有時錯誤?

作者: virgin7   2015-12-14 15:59:34
各位前輩請教一下
初學sass,在用@mixin時有以下情況
code如下:
@mixin bg($bg)
background: url("../images/#{$bg}")
width: image-width("../images/#{$bg}")
height: image-height("../images/#{$bg}")
@mixin text-hide
white-space: nowrap
text-indent: 100%
overflow: hidden
@mixin boxW($width)
width: $width
有三個mixin,前兩個從教學站copy的,第三個是自己try的
單獨只放第三支,結果都很正常,但如果前頭多放了其他兩支mixin,結果就會錯誤
刪掉前兩支後又正常(前兩支單獨或放一起測試都是ok的,我猜應該不關前兩支的事)
搞不懂是哪裡出錯?
作者: a926 (Aaron)   2015-12-15 19:28:00
我之前寫的時候style結尾都要有; 。我看你好像都沒有加@@
作者: magicsung (sung)   2015-12-17 01:10:00
試了一次include三個mixin都沒錯誤,不知道錯誤是?回樓上,sass語法允許不用分號另外Udemy有免費的sass基本教學可以去看看
作者: iamnodoubt (Have Fun)   2015-12-17 01:17:00
有時是compiler的問題,像用gulp去compile,就一定要有空格, 用compass去compile就很隨便
作者: magicsung (sung)   2015-12-17 01:32:00
作者: eggimage (目前沒有名片)   2015-12-17 04:08:00
你在瀏覽器裡應該就看得到哪行出錯
作者: lininu (聲音控:P)   2015-12-30 17:06:00
之前一開始也是用sass寫,但事實上scss比較廣泛ˊ_>ˋ甚至可以把人家的css改檔名scss就能用了(而且團隊裡面有art)

Links booklink

Contact Us: admin [ a t ] ucptt.com