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}
,因为mixin的输入参数是screen md
md
-因此意味着{screen-{size}
。这将被评估为{screen md}
700px
-转义用于避免在输出中打印引号~”
~()
语句……我只看到~”
,而且无论如何,输出也是正确的。@LucaDetomi Oopss对不起,我的意思只是。打字错误。很高兴知道这有帮助:)谢谢,无论如何我不明白为什么宽度:@{screen-@{size};
是不允许的。可能会更简单一些。。。。