少加防止添加相对网址

时间:2012-01-22 01:19:04

标签: path less

我在MVC项目中使用dotLess,我无法从导入的较少文件中添加url('')路径。

我有以下少量代码:

@myvar : '../../';

body
{
    background-image:url('@{myvar}chosen-sprite.png');
}

在主.less文件中生成以下css,这是正确的:

body {
    background-image: url('../../chosen-sprite.png');
}

问题是,如果我将此代码移动到另一个文件夹上的第二个.less文件,然后从less less文件中导入该文件。 E.g:

@import 'myFolder/mySecondfile.less

现在生成的CSS看起来像这样:

body {
    background-image: url('myFolder/../../chosen-sprite.png');
}

有没有办法阻止“myFolder”显示在那里?我知道我可以写绝对路径,但这意味着每次更改地址时(通常在测试时发生)。

由于

2 个答案:

答案 0 :(得分:9)

我不确定你是否得到了答案,但你可以逃脱这个字符串。

.body {
  background-image: ~"url('chosen-sprite.png')";
}

注意样式的整个url参数周围的波浪号和引号。如果您想了解更多相关信息,请查看String InterpolationEscaping Strings

答案 1 :(得分:0)

您应该尝试将变量更改为@myVar: './../../'