jQuery的:奇数和:第n个孩子CSS3不同(jQuery :odd and :nth-child

2019-09-16 09:20发布

我发现jQuery的:奇怪的选择和CSS3第n个孩子(奇数)的作品不同。 http://jsfiddle.net/TMDwT/5/

在黄色它的CSS第n个孩子(奇数),如果你取消注释JS和评论背景:在CSS黄色,你会发现,它以另一种方式找到。

任何人都可以说,我是如何实现相同的结果jQuery的,但与CSS3?

谢谢!

Answer 1:

是的, :奇数和:第n个孩子(奇)是不一样的东西:

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

  • :nth-child(odd)匹配各自的父母中的奇品。

这是相同的差值作为之间:first:first-child ,或:last:last-child

更新:由于zzzzBov和BoltClock理所当然地指出,在:odd选择是从零开始的,但:nth-child()选择是一个基础。 这意味着,即使你申请的两个选择的元素的完整的子列表(从而消除之间的区别:odd:nth-child(odd) ),他们仍然不匹配相同的元素。



文章来源: jQuery :odd and :nth-child CSS3 different