Css Sass错误:选择器组可能无法扩展

Css Sass错误:选择器组可能无法扩展,css,twitter-bootstrap,sass,Css,Twitter Bootstrap,Sass,尝试将SCSS文件编译为CSS时出错。错误内容为:参考此行@extend.btn、.btn链接:“选择器组可能无法扩展” 注意:我正在导入引导以在我的主scss文件中使用 完整片段: button { @extend .btn, .btn-link; background-color: $lf-green; color: #fff; font-size: 10px; padding: 2px 5px; text-transform: upperca

尝试将SCSS文件编译为CSS时出错。错误内容为:参考此行
@extend.btn、.btn链接:“选择器组可能无法扩展”

注意:我正在导入引导以在我的主scss文件中使用

完整片段:

button {
    @extend .btn, .btn-link;
    background-color: $lf-green;
    color: #fff;
    font-size: 10px;
    padding: 2px 5px;
    text-transform: uppercase;

    &:hover {
        background: rgba(5,97,43,0.9);
        color: #fff;
        text-decoration: none;
    }
}
我做错了什么

谢谢

更新:


对于后代:我之所以不能这样做,是因为我是通过节点sass使用lib-sass,而节点sass与通过传统方式提供的当前版本的sass不匹配。

我相信您无法以这种方式扩展多个选择器

尝试使用以下方法:

@extend .btn;
@extend .btn-link;
虽然这看起来有点重复,但在我的代码中效果很好

编辑:通读时,我发现:

还可以使用逗号分隔的选择器列表编写多个扩展。例如,@extend.error,.attention与@extend.error相同@注意

我确实发现这种格式最初是在3.1.15版本中引入的,所以我想您使用的是比它更旧的Sass版本


我强烈建议您升级到最新版本,因为它有很多很棒的功能,只要确保您的代码不会被更新破坏,尽管大多数不一致的问题很容易解决。

您不能扩展多个选择器。

事实上,这并不清楚。这就是为什么我发布了这个问题。如果您将我链接到本文所涉及的文档,这将更有帮助。文档是一个单独的页面,您自己应该不难找到它:这并不能解释为什么它在一个Sass实例(最新版本)中工作,而在另一个实例(同一版本)中不工作。奇怪的是,我使用的是Sass 3.3.4(Maptastic Maple),它应该具有此功能。我不确定使用Yeoman web app generator(grunt sass)是否改变了一些事情。不过,看起来我使用了Libsas,这可以解释奇怪之处:这确实解释了问题。这是。