使用grunt编译sass会产生无效的属性名

使用grunt编译sass会产生无效的属性名,sass,Sass,我不知道为什么,但在使用grunt或任何东西编译时,出现了一个名为invalid property name的错误 #flotTip { border: none !important; font-size: $font-size-small !important; line-height: 1px !important; @extend .tooltip-inner() !important; } 在上述代码中,它在行距中生成一个未定义的属性。我的任务是将所

我不知道为什么,但在使用grunt或任何东西编译时,出现了一个名为invalid property name的错误

#flotTip {
    border: none !important;
    font-size: $font-size-small !important;
    line-height: 1px !important;
    @extend .tooltip-inner() !important; 
}

在上述代码中,它在行距中生成一个未定义的属性。我的任务是将所有较少的文件转换为sass文件。据我所知,使用了许多解决方案将它们全部转换为sass。但这一次我找不到任何解决办法。有人能回答问题吗?

我猜您使用的
@extend
不正确。请参阅此处的文档:

行高:1px!重要的行看起来不错。问题在于下面的行。如果您试图包含mixin,请使用
@include
,并且不要在mixin的名称前面加
(点)。另外,不要放
!重要信息

扩展仅用于扩展简单选择器,如类、元素或id。您不能使用
!重要信息
@extend
。这是使用extend的正确方法:

.foo {
    color: red;
}

#flotTip {
    @extend .foo; 
}
您可能会混淆extends和mixin,mixin也不能使用
!重要信息
。这是使用mixin的正确方法:

@mixin foo() {
    color: red;
}

#flotTip {
    @include foo(); 
}

请再核对一下这个问题。由于我已更新了问题部分,请查看。不要用其他问题扩展原始问题。(答案是,你又在mixin name前面加了
。请在寻求帮助之前先查看你的代码。)当你投反对票时,请解释原因,尤其是当答案正确时。我没有投反对票。我的问题也被否决了。不知道怎么做?请再检查一下这个问题。请复习,因为我已经更新了问题部分。如果你还有其他问题,请再问一个问题。不要将此问题修改为其他问题,尤其是在收到基于原始问题的答案后。