[问题] @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)