css - 调用 SASS 内置函数的问题

<分区>

我有这段 SASS 代码:

@font-face {
  $rndnum: random(1000);
  font-family: myfont;
  src:url('fonts/myfont#{$rndnum}.svg')
  font-weight: bold;
  font-style: normal;
}

我需要在字体名称后面放一个随机数，我知道这看起来很愚蠢，但我需要它。但是问题是我得到以下结果:

@font-face {
  font-family: myfont;
  src:url('fonts/myfontrandom(1000).svg') /* <== HERE */
  font-weight: bold;
  font-style: normal;
}

该函数由于某种原因没有被调用... 我哪里做错了？

更多...

我尝试调用另一个函数，如 percentage:

@font-face {
  $rndnum: percentage(0.2);
  ...

它在那种情况下有效...看起来它没有将 random 识别为有效函数...

最佳答案

你试过只连接字符串吗？

src:url('fonts/myfont'+$rndnum+'.svg');

您是否有设置$rndnum 的代码，因为这也可能是该变量设置方式的问题。

编辑 1:

您的代码对我有用。您只需要 src 行后的分号吗？

您使用的是什么版本的 sass？

我试过了here它似乎在 Sass 3.3.3 版上运行良好，但在 3.2.15 版(该站点提供的两个版本)上却不行。

关于css - 调用 SASS 内置函数的问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22538430/