Less 减:引用另一个变量的变量';s值与连接名称

Less 减:引用另一个变量的变量';s值与连接名称,less,Less,以下(简化)更少的代码正确运行,打印width属性的值,先前分配给@screen md变量 @screen-md:700px; @size:md; @temp:"screen-@{size}"; @width:@@temp; .foo { width:@width; } 假设@size值可以是传递给mixin的参数。通常,为了获得所需的结果,我需要传递@temp变量,首先根据@size值为她分配一个变量名,然后使用,最后将其分配给@width变量 我的问题是:是否有可能避免@temp变

以下(简化)更少的代码正确运行,打印
width
属性的值,先前分配给
@screen md
变量

@screen-md:700px;
@size:md;

@temp:"screen-@{size}";
@width:@@temp;

.foo
{
  width:@width;
}
假设
@size
值可以是传递给mixin的参数。通常,为了获得所需的结果,我需要传递
@temp
变量,首先根据
@size
值为她分配一个变量名,然后使用,最后将其分配给
@width
变量

我的问题是:是否有可能避免@temp变量的需要,即崩溃

@temp:"screen-@{size}";
@width:@@temp;

进入类似于
@width:@“screen-@{size}”

是的,可以将其折叠为一行,如下所示:

@屏幕md:700px;
@尺寸:md;
.mixin(@size){
宽度:~“@{screen-@{size}”/*可以指定给其他变量或属性*/
}
.产出{
.mixin(医学博士);
}
说明:

  • screen-@{size}
    -将计算为
    screen md
    ,因为mixin的输入参数是
    md
  • {screen-{size}
    -因此意味着
    {screen md}
    。这将被评估为
    700px
  • ~”
    -转义用于避免在输出中打印引号

谢谢Harry,但我没有看到
~()
语句……我只看到
~”
,而且无论如何,输出也是正确的。@LucaDetomi Oopss对不起,我的意思只是。打字错误。很高兴知道这有帮助:)谢谢,无论如何我不明白为什么
宽度:@{screen-@{size};
是不允许的。可能会更简单一些。。。。