我如何定位这些盒子？（附图片）答案

【问题标题】：How do I target these boxes? (image attached)我如何定位这些盒子？（附图片）
【发布时间】：2011-07-10 15:00:18
【问题描述】：

我正在尝试定位带有白点的框。此图片中的每个黑框都是一篇博文包括顶部较大的博文。最初，我想使用nth-child，但老实说，我不确定如何安排它或使用什么数字。我确定 jQuery 是一种选择。如果有人可以帮助我，我将非常感激。谢谢。

【问题讨论】：

【解决方案1】：

假设白点是蓝色背景，对于这个例子（JQuery）：

$('div').not(':first-child').filter(':odd').css('background-color','blue');

【讨论】：

我看到它在您的示例中有效，但由于某种原因，我不得不将“奇数”更改为“偶数”，它才能为我工作。 $('article').not(':first-child').filter(':even').addClass('right'); 不管怎样，谢谢！
实际上，将first-child 更改为first 并保持odd 也有效。为什么first-child 不起作用？有什么想法吗？
@J82 - :first-child 和 :odd 是一对不自然的情侣。 :first-child 指的是 DOM 结构，:odd（或:first）指的是找到元素的顺序。在这里使用:first 可能会更好。
虽然 :first 只匹配一个元素，但 :first-child 选择器可以匹配多个：每个父元素一个。这可能是您的 div 结构与我的示例不同的方式。很高兴它仍然能够帮助你:)
@Kobi 我明白了。感谢您澄清这一点。

【解决方案2】：

如果你想更加聪明，你可以使用：

$('div:nth-child(2n+3)')

但是，这可能被认为不如 AlienWebguy 的答案可读/易懂。

【讨论】：