Css Sass错误:选择器组可能无法扩展
尝试将SCSS文件编译为CSS时出错。错误内容为:参考此行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
@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,这可以解释奇怪之处:这确实解释了问题。这是。