jQuery设置交替的颜色行

Question

我正在寻找我问题的具体答案。这就是，我有一行包含一定数量的div（动态设置）。 我想要的是交替地将div（3 div）的背景设​​置为另一种颜色，如下所示： 这可以通过CSS奇数和偶数伪类完成，还是应该通过jQuery来完成？

Answer 1

您可以将此功能添加到CSS .. foo:nth-child(n+3)

更新：

ul li:nth-child(6n+4),
ul li:nth-child(6n+5),
ul li:nth-child(6n+6) {
  border: 1px solid red;
}

^ Altough我不是粉丝，它有效。

http://codepen.io/pacMakaveli/pen/JdWYoM

Answer 2

您可以使用：

＆＃13;

＆＃13;

li:nth-child(6n),
li:nth-child(6n - 1),
li:nth-child(6n - 2) {background: red;}

＆＃13;

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
  <li>Item 10</li>
  <li>Item 11</li>
  <li>Item 12</li>
  <li>Item 13</li>
  <li>Item 14</li>
  <li>Item 15</li>
</ul>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
  <li>Item 10</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 3

尝试添加td：nth-​​child（3n）它可能适合你