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};
};

从列表项创建变量

2 个答案: