使用grunt编译sass会产生无效的属性名
我不知道为什么,但在使用grunt或任何东西编译时,出现了一个名为invalid property name的错误使用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; } 在上述代码中,它在行距中生成一个未定义的属性。我的任务是将所
#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前面加了
。请在寻求帮助之前先查看你的代码。)当你投反对票时,请解释原因,尤其是当答案正确时。我没有投反对票。我的问题也被否决了。不知道怎么做?请再检查一下这个问题。请复习,因为我已经更新了问题部分。如果你还有其他问题,请再问一个问题。不要将此问题修改为其他问题,尤其是在收到基于原始问题的答案后。