html - 是否可以使用变量使用 LESSCSS 编写完整的 css 行？

Question

有没有一种方法可以使用 LESS 变量编写完整的 CSS 行？

例如，如果我声明一个变量:

@dir: 测试;

然后希望在另一个变量中使用该变量:

@bg-img: url(http://example.com/@dir/img/bg.png;

当我尝试在我的 CSS 中使用 @bg-img 时，它会像这样编译:

body{background-image:url(http://example.com/@dir/img/bg.png);

如何让 @dir 作为 test 回显？

我知道我可以只替换 @dir 但因为我有各种不同的微型网站，所以更改 @dir 的一个实例会更快而不是去通过并更改微型网站名称的每个实例。

Answer 1

这可以通过插值来实现，但不确定在没有看到更多代码的情况下这是否适用于您的特定情况。但是，请尝试一下:

body{background-image:url(http://example.com/@{dir}/img/bg.png);

在 the docs 中找到它，在字符串插值下的页面下方。希望这会有所帮助。

编辑:并逃脱，就像@Rob W 在评论中提到的那样。同样在文档中，就在插值下方。