html - 第 n 个 child (奇数)选择一切

Question

我正在尝试为交替行应用样式，这里是 fiddle 为什么要全选？

li { background: green; }
         li:nth-child(odd) { background: red; }

Answer 1

<Br>在这种情况下也被计算在内。所以你所有的里都变成奇数了。 比如..

1. li
2. br
3. li
4. br

这就是为什么您的普通 li 选择器自 li:nth-child(odd) { background: red; } 之后不再适用的原因覆盖所有li。 删除 br 标签，它应该没问题。