jQuery:奇数和:nth-​​child CSS3不同

Question

我发现jQuery:奇数选择器和CSS3 nth-child(奇数)的工作方式不同. http://jsfiddle.net/TMDwT/5/

在黄色它是CSS nth-child(奇数),如果你取消注释JS和评论背景:在CSS中黄色你会发现它以另一种方式找到它.

任何人都可以说我如何获得与jQuery相同的结果但是使用CSS3？

谢谢!

Answer 1

是的,:奇数和:nth-​​child(奇数)不是一回事:

• :odd匹配匹配元素中的奇数项,即应用选择器的jQuery对象的内容,

• :nth-child(odd)匹配各自父母内的奇数项目.

这与:firstand 之间的区别相同:first-child,或者:last和:last-child.

更新:正如zzzzBov和BoltClock正确指出的那样,:odd选择器是从零开始的,但:nth-child()选择器是基于一的.这意味着,即使你申请的两个选择的元素的完整的子列表(从而消除之间的差异:odd和:nth-child(odd)),他们仍然不匹配相同的元素.