每隔一秒后清除漂浮物

Question

我有以下HTML标记.连续有两个.item div,每个div都有不同的高度.

是否可以在不改变标记的情况下清除每秒后的浮点数？每秒都有一个.last-item类.

HTML:

<div class="wrap">
    <div class="item"></div>
     <div class="item last-item"></div>
     <div class="item"></div>
     <div class="item last-item"></div>
</div>

CSS:

.wrap{
    border: 1px solid #000;
    width: 200px;
    overflow: hidden;
}

.item{
    width: 50%;
    background: yellow;
    margin-bottom: 10px;
    float: left;
}

演示: http ://jsfiddle.net/R7VHX/

Answer 1

.item:nth-child(2n+1) { clear: both; }

这相当于:

.item:nth-child(odd) { clear: both; }

每隔一个项目后清除(换句话说,每三分之一).

更多信息,请访问http://www.w3.org/TR/css3-selectors/#nth-child-pseudo.