如何选择具有特定 css 类的第三个 div

Question

<div class="boxcontent">

<div>some content this div may be missing [dynamic genrated]</div>

<div class="elem"></div>
<div class="elem"></div>
<div class="elem"></div>
</div>

<div class="boxcontent">


<div class="elem"></div>
<div class="elem"></div>
<div class="elem"></div>
</div>


<div class="boxcontent">


<div class="elem"></div>
<div class="elem"></div>
<div class="elem"></div>
</div>

我发现一个问题，当我使用 css3 选择器 nth-child(3) 选择它们时，它们会在第一个 .boxcontnent div 中选择第二个 div。

当我最后一次说这句话时，他们说到点子上了，但从未觉得我在这里遇到的问题是观点：

http://jsfiddle.net/szz3C/1/

我想选择第 3 个 div 或所有 boxcontent 类 div 但在第一个框中我发现第 2 个 div 选择而不是第三个。

即使使用 css3 或 jQuery，他们是否有任何解决方案来解决这个问题，如果有人可以解决这个问题，感谢您的支持

Answer 1

试试这个 CSS：

div:nth-of-type(3) { ... }