当我试图将我的SCSS文件编译成CSS时,出现了错误。错误信息为:"选择器组不能被扩展",指的是这一行:@extend .btn, .btn-link;
。
注意:我正在导入Bootstrap以在我的主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;
}
}
我做错了什么?
谢谢!
更新:
为了后世留存:我无法完成这个操作,因为我是通过node-sass使用lib-sass,它与当前版本的sass不兼容 https://github.com/andrew/node-sass#reporting-sass-compilation-and-syntax-issues。