大家好,我想创建一个背景混合(mixin)来代替重复的url编写。
@mixin bgimage($name){
$url:"../images/$name.png";
background: url($url);}
它从未接受任何值到$name变量中。
我通过以下方式调用它:
@include bgimage(name.png);
在 CSS 中,输出结果出现错误,如下所示:
background: url("../images/$name.png");
有没有办法在Mixin中编写URL?或者有什么简便的方法可以实现?
$url
变量。将目标URL保存在自己的变量中并没有真正提供任何额外的优势,因为它(至少在这种情况下)仅被使用一次。@mixin bgimage($name) { background: url("../images/#{$name}.png"); }
- IsenrichO