有没有一种方法可以使用 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
的一个实例会更快而不是去通过并更改微型网站名称的每个实例。
最佳答案
这可以通过插值来实现,但不确定在没有看到更多代码的情况下这是否适用于您的特定情况。但是,请尝试一下:
body{background-image:url(http://example.com/@{dir}/img/bg.png);
在 the docs 中找到它,在字符串插值下的页面下方。希望这会有所帮助。
编辑:并逃脱,就像@Rob W 在评论中提到的那样。同样在文档中,就在插值下方。
关于html - 是否可以使用变量使用 LESSCSS 编写完整的 css 行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19090659/