JQuery nth-child 无法正常工作

我正在使用 JQuery 的 nth-child 选择器来使用 photo_post_thumbnail 类来更改每个第 3 个 div 上的边距，但它会在每个第 2 个 div 中更改它？

谁能发现我做错了什么吗？

Site

http://www.clients.eirestudio.net/hatstand/wordpress/photos/ http://www.clients.eirestudio.net/hatstand/wordpress/photos/

HTML 标记

<div class="postbox photo_post_thumbnail">
      blah blah
</div>

<div class="postbox photo_post_thumbnail">
      blah blah
</div>

<div class="postbox photo_post_thumbnail">
      blah blah
</div>

jQuery 代码

$('.photo_post_thumbnail:nth-child(3n)').css('margin-right', '0px');

这样做是因为你有一个<h1>在这些 div 之前，使该 div 成为第四个子元素而不是第三个:)

The nth-child选择器一开始有点令人困惑，因为它是nth-child 父母的，不仅仅是nth-child 匹配该选择器对于父级，选择器不承担该选择器的位置。

要获得您想要的 div，请执行以下操作3n+1像这样：

$('.photo_post_thumbnail:nth-child(3n+1)').css('margin-right', '0px');