我有一个:没有css选择器在SASS mixin,但它不做任何事情:
代码段:
@mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == right { top:$dropdown-width * -0.6; @include tip($pos:$pos); } } } &.notip { @if $pos == right { top: 0; left:$dropdown-width * 0.8; } } }
解决方法
我尝试重新创建这个,并且.someclass.notip正在为我生成,但是.someclass:not(.notip)不是,只要我没有定义@mixin tip()。一旦我这样做,这一切都奏效。
http://sassmeister.com/gist/9775949
$dropdown-width: 100px; $comp-tip: true; @mixin tip($pos:right) { } @mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == right { top:$dropdown-width * -0.6; background-color: #f00; @include tip($pos:$pos); } } } &.notip { @if $pos == right { top: 0; left:$dropdown-width * 0.8; background-color: #00f; } } } .someclass { @include dropdown-pos(); }
编辑:http://sassmeister.com/是调试您的SASS的好地方,因为它会提供错误消息。未定义的mixin’tip’。当我删除@mixin提示($ pos:right){}