[問題] @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的，我猜應該不關前兩支的事）
搞不懂是哪裡出錯？
初學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
截圖 ![]()
" target="_blank" rel="nofollow">
![]()
" target="_blank" rel="nofollow">作者: eggimage (目前沒有名片) 2015-12-17 04:08:00
你在瀏覽器裡應該就看得到哪行出錯
作者: lininu (聲音控:P) 2015-12-30 17:06:00
之前一開始也是用sass寫，但事實上scss比較廣泛ˊ_>ˋ甚至可以把人家的css改檔名scss就能用了(而且團隊裡面有art)