Css SASS：从列表中随机选取背景图像

我需要输出以下内容：

#footer-widgets .container .row {
    background-image: url("RANDOMLY PICKED");
    background-position: right bottom;
    background-repeat: no-repeat;
}

---

。。。应该有一个列表，其中有4到5个指向实际背景图像（）的链接可供选择。如何使用SASS实现这一点？

最新版本的SASS添加了一个新的

随机

函数。如果将其与图像列表（以及少量的变量插值）混合，则每次编译Sass时，都会有一个带有随机选择背景图像的CSS。例如：

$imgKey: random(5);

$list: apple, banana, cherry, durian, eggplant;
$nth: nth($list, $imgKey);

body {
  background-image: "/images/#{$nth}.jpg";
}

实例：

---

如上所述，随机值只有在编译Sass时才会更改，而不是每次访问您的页面时都会更改。

您知道Sass是先编译的，只有编译后的CSS发送到浏览器，对吗？您可以在每次编译时随机生成背景图像，但不能在每页视图中随机生成背景图像。Sass编译为css。我从来没有听说过css中的随机URL是它的风格而不是逻辑。最好的解决方案（如果您正在寻找逐视图随机选择）是。如果您想要每编译或每页随机图像，您可能需要返回并查看站点设计和消息，以确保您想要的是真正随机选择的图像。谢谢，稍后再试。那么它是什么时候编译的呢？每次你更改Sass时，在实时示例中，或者如果你正在执行

Sass watch

。如果其他人想知道

n

的功能，它是一个内置的：你可以使用函数，而不是硬编码值5。如果您使用的是地图而不是列表，则可以先使用将其转换为列表。