Чередование фона

[RK3DNP]

Добрый день, подскажите пожалуйста, как правильно в css написать, чтобы 1 строка черная, 2я белая, 3 черная, 4 белая и т.д.

Вот код

<label class="jbprice-row jbprice-row-0">

<label class="jbprice-row jbprice-row-1">

<label class="jbprice-row jbprice-row-2">

<label class="jbprice-row jbprice-row-3">

Edited March 20, 2015 by RK3DNP

[Zverushka]

Ну все правильно не выходит, потому что .jbprice-row - единственный ребенок в теге div.

.jbprice-wrapper > div:nth-child(2n+1) > .jbprice-row { background: black}

[afdw]

http://jsfiddle.net/uuykj9me/

[RK3DNP]

http://jsfiddle.net/uuykj9me/

Это я понял, только указываю:

.jbprice-row:nth-child(2n) {    background: black;    color: white;}

ничего не происходит

 

http://jsfiddle.net/uuykj9me/

Это я понял, только указываю:

.jbprice-row:nth-child(2n) {    background: black;    color: white;}

ничего не происходит

 

если поставить odd то все строчки черные получаются

Edited March 20, 2015 by RK3DNP

[afdw]

 

http://jsfiddle.net/uuykj9me/

Это я понял, только указываю:

.jbprice-row:nth-child(2n) {    background: black;    color: white;}

ничего не происходит

 

http://jsfiddle.net/uuykj9me/

Это я понял, только указываю:

.jbprice-row:nth-child(2n) {    background: black;    color: white;}

ничего не происходит

 

если поставить odd то все строчки черные получаются

 

Почему?

[RK3DNP]

Не выходит, вот скрин

 

[RK3DNP]

Ну все правильно не выходит, потому что .jbprice-row - единственный ребенок в теге div.

.jbprice-wrapper > div:nth-child(2n+1) > .jbprice-row { background: black}

Спасибо, так работает.