sass - 如何连接Sass变量

Question

如何连接Sass变量？

这是scss文件中的代码。

$url = 'siteurl.com';

#some-div{
    background-image: url(+ $url +/images/img.jpg);
}

我希望CSS文件中的结果是:

#some-div{
    background-image: url('siteurl.com/images/img.jpg');
}

我找到了这个问题，但对我没有用:
Trying to concatenate Sass variable and a string

Answer 1

这里有多个问题，正确的语法是

$url: 'siteurl.com';

#some-div{
  background-image: url($url + '/images/img.jpg');
}

为变量分配值时，需要使用:而不是=

您应该引用图像路径，因为它是一个字符串。

删除+之前的流浪$url符号

您可以在 SassMeister上看到上面的代码