Less里面的&-语法,Sass有类似的实现吗?
本文介绍了Less里面的&-语法,Sass有类似的实现吗?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
Less里面可以这样写,很方便。
.button {
&-ok {
background-image: url("ok.png");
}
&-cancel {
background-image: url("cancel.png");
}
&-custom {
background-image: url("custom.png");
}
}
编译后:
.button-ok {
background-image: url("ok.png");
}
.button-cancel {
background-image: url("cancel.png");
}
.button-custom {
background-image: url("custom.png");
}
请问Sass里面有没有类似的实现?
解决方案
语法是一样的 Sass的功能基本上和Less都是重叠的吧
$sass test.scss
.button-ok {
background-image: url("ok.png"); }
.button-cancel {
background-image: url("cancel.png"); }
.button-custom {
background-image: url("custom.png"); }
这篇关于Less里面的&-语法,Sass有类似的实现吗?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文