小编Nia*_*son的帖子

我想指定一个颜色数组,然后将颜色随机应用到列表中.

到目前为止,我已经拥有它,以便颜色按顺序循环.

我该如何随机化呢？

这是迄今为止的Sass代码:

$colors: red, orange, yellow, green, blue, purple;

@for $i from 1 through length($colors) {
    li:nth-child(#{length($colors)}n+#{$i}) {
        background: lighten(nth($colors, $i), 20%);
    }
}

li {
  list-style: none;
  padding: 1em;
}

和标记:

<ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
  <li>d</li>
  <li>e</li>
  <li>f</li>
  <li>g</li>
  <li>h</li>
  <li>i</li>
  <li>j</li>
  <li>k</li>
  <li>l</li>
</ul>

Codepen上的示例:http://codepen.io/anon/pen/azbwJm

由于布局问题,我试图在flexslider本身之外使用.flex-caption.

你能想到我能做到这一点的方法吗？

理想情况下,标记的结构如下:

<div class="flexslider gallery">
<ul class="slides">
<li><img src="image.jpg"  /></li>
</ul>
</div>

<p class="flex-caption">Caption</p>