3

假设您有一个容器 (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不起作用

4

2 回答 2

4

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

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

于 2012-08-08T14:07:18.510 回答
-1

一个简单的 CSS3 解决方案是使用 nth-child 选择器。我已经用几个例子http://jsfiddle.net/D6PgE/6/更新了你的小提琴。

如需进一步参考：http ://www.w3schools.com/cssref/sel_nth-child.asp

于 2012-08-08T14:12:56.123 回答