如何选择包裹的 HTML 元素？

Question

假设您有一个容器 (div) 和一堆嵌套的内联块或浮动 div。
http://jsfiddle.net/D6PgE/

.container { width : 300px; }
.inner     { width : 100px; }

<div class="container">
    <div class="inner"> 1 </div>
    <div class="inner"> 2 </div>
    <div class="inner"> 3 </div>
    <div class="inner"> 4 </div>
    <div class="inner"> 5 </div>
    <div class="inner"> 6 </div>
    <div class="inner"> 7 </div>
    <div class="inner"> 8 </div>
    <div class="inner"> 9 </div>
</div>

选择已包装元素的最佳方法是什么？ 是否可以选择包装行的第 n 个元素（在小提琴中它将是奇数）。

我唯一能想到的就是使用JS并比较元素的offsetTop位置；但是我最近没有跟上CSS，并且知道它变得越来越强大，那么有CSS解决方案吗？-谢谢

---

编辑
我正在尝试选择“行”的第 n 个元素。问题是没有行，因为这不是表。我还应该补充一点，我的示例很简单，因为宽度可能非常大，因此每行可能有更多或多个元素 - 因此类似的东西nth-child将不起作用

Answer 1

不，没有适用于未知/动态尺寸的 CSS 解决方案，因为选择器无法根据元素的布局方式或样式的计算方式进行选择。

您将需要使用 JS 来获取并使用此类信息。