未声明的变量使用 CSS LESS 每个函数

问题描述

我在 Visual Studio 2019 中使用 WebCompiler 来编译我的项目中的一些 LESS 文件。

以下 LESS 函数会导致 VS 显示绿色波浪线和警告“需要样式规则的选择器”并指出 @{value} 变量是“Undeclared”。然而，该项目将成功编译，并且 LESS 从 ...

正确编译

@selectors: blue,green,red;

each(@selectors,{
  .sel-@{value} {
    a: b;
  }
});

到 CSS...

.sel-blue {
  a: b;
}
.sel-green {
  a: b;
}
.sel-red {
  a: b;
}

我尝试了另一个格式几乎相同的 each 函数并得到与上述相同的警告，但这不会成功编译。我错过了什么？

@fontSizes: .25,.5,.75,1,1.25,1.5,1.75,2,2.25,2.5,2.75,3,3.25,3.5,3.75,4;

each(@fontSizes,{
        
    .if-size-@{index} { 
        font-size: @{value}rem;
    }
});

预期输出...

.if-size-1 {
    font-size: .25rem;
}
.if-size-2 {
    font-size: .5rem;
}
.if-size-3 {
    font-size: .75rem;
}
.if-size-4 {
    font-size: 1rem;
}
.if-size-5 {
    font-size: 1.25rem;
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

less visual-studio-2019 web-compiler