variables - 从列表项中创建一个变量

Question

我想从列表项中创建一个变量，但我找不到在其前面粘贴美元符号的方法。下面是我尝试过的方法。

$hoi: yellow;
$test: hoi;

helpMe{
  background: $#{$test}; //error
  background: $$test; //error
  background: $nth($test, 1); //error
  background: unquote("$")#{$test}; //output: $hoi
  background: unquote("$")nth($test, 1); //output: $ hoi
};

有什么方法可以在变量之前粘贴美元符号并仍然被识别为变量？

Answer 1

使用纯 SASS，您不能使用取自其他变量的名称来声明变量。

您只能使用模板生成 Sass 代码然后对其进行解析。

这是 Compass 如何生成精灵变量的示例：https ://stackoverflow.com/a/16129685/901944

我强烈建议不要这样做。这是一种糟糕的做法，会导致难以维护的意大利面条式代码。在大多数情况下，您可以不用这种方法进行管理。

Answer 2

是的，您可以从列表项中设置变量。

例如：-

font: #{$font-size}/#{$line-height};

在你的情况下： -

$hoi: yellow;
$test: hoi;

helpMe{
  background: #{$test};
};