else 书写有误 ,多了一个s
老师最后一个demo中,else 书写有误 ,多了一个s 。可以在 sassmeister 复制我修改后的查看效果,便于理解。
@mixin box-shadow($shadows...){ @if length($shadows) >= 1 { -webkit-box-shadow: $shadows; box-shadow: $shadows; } @else { // 这里应该没有s,是定义的变量 $shadow: 0 0 2px rgba(#000,.25); -webkit-box-shadow: $shadow; box-shadow: $shadow; } } .btn0{ @include box-shadow; } .btn1{ @include box-shadow(0 0 1px rgba(#000,.5),0 0 2px rgba(#000,.2)); }