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

加入TD試試這個：第n個孩子（3N）它可能爲你工作

Answer 3

您可以通過做：

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

<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>