CSS:奇偶不触发？

Question

我正在尝试根据元素的奇数和偶数更改我页面上元素的背景颜色。

但是，我的 CSS 根本没有改变背景颜色，我不明白为什么!

这是我的 fiddle

这是我的 CSS 代码:

.miles:nth-child(odd) {
    background-color:#af1f32; 
}

.miles:nth-child(even) {
    background-color:#f7b637;
}

我什至试过了，还是不行:

.ite .miles:nth-child(odd) {
    background-color:#af1f32; 
}

.ite .miles:nth-child(even) {
    background-color:#f7b637;
}

我也这样试过，没有成功:

.miles:nth-of-type(odd) {
    background-color:#af1f32; 
}

.miles:nth-of-type(even) {
    background-color:#f7b637;
}

有人可以就此问题提出建议吗？

提前致谢...

Answer 1

尝试，

.ite:nth-child(odd) .miles {
    background-color:#af1f32; 
}

.ite:nth-child(even) .miles {
    background-color:#f7b637;
}