css – SASS:不是选择器

前端之家收集整理的这篇文章主要介绍了css – SASS:不是选择器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个:没有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;
    }
  }
}

正在生成.notip类,但没有生成CSS:not(.notip)。

解决方法

我尝试重新创建这个,并且.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){}

猜你在找的CSS相关文章