0

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

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

@dir: test;

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

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

当我尝试@bg-img在我的 CSS 中使用时，它的编译如下：

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

我怎样才能@dir回显为test？

我知道我可以替换，但是由于我有各种不同的微型站点，因此更改一个实例而不是遍历并更改微型站点名称的每个实例@dir会更快。@dir

4

1 回答 1

2

这可以通过插值实现，但不确定这是否适用于您的特定情况而无需查看更多代码。但是，试试这个：

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

在文档中找到它，在字符串插值下的页面下方。希望这可以帮助。

编辑：然后逃跑，就像@Rob W 在评论中提到的那样。同样在文档中，就在插值下方。

于 2013-09-30T09:29:17.820 回答