jQuery set чередующиеся строки цвета

Question

Я ищу конкретный ответ на мой вопрос. И это, у меня есть строка, содержащая количество div (динамически установлено). Я хочу, чтобы фон divs (3 divs) был установлен в другой цвет следующим образом: Можно ли это сделать с помощью нечетных и даже псевдо классов 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

Попробуйте это, добавив тд: п-й ребенок (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>