我正在使用infinite scroll 我的本地主题在这里，它导致了一些CSS问题。我希望如果我让你们中的一些人来做这个，你们可能会有一个解决方案。

这几乎就是布局：

#wrap {
width: 938px;
overflow: hidden;
background-color: aqua;
border: 1px solid white;
padding: 5px 5px;
}

.one {
width: 33.04904051172708%;
float: left;
}

#wrap .one:nth-of-type(3n+1) {
margin-right: 4px;
}

#wrap .one:nth-of-type(3n) {
maring-left: 4px;
}


<div id="wrap">
    <div class="one"></div>
    <div class="one"></div>
    <div class="one"></div>
</div>

有了这些，我几乎拥有了我想要的一切。

这是无限滚动时标记的外观：

<div id="wrap">
    <div class="one"></div>
    <div class="one"></div>
    <div class="one"></div>
    <div id="infscr-loading"></div> <!-- problem -->
    <div class="one"></div>
    <div class="one"></div>
    <div class="one"></div>

</div>

问题是，Infinite Scroll 加载a<div> 调用infscr-loading 在每一次分页休息时:nth-of-type. 由于某种原因infscr-loading 正朝着#wrap .one:nth-of-type

也许我能理解nth-of-type 不正确，但不应该（按照我的设置方式）只.one 课程对它很重要？

有没有办法:nth-of-type 忽略div？

一如既往，我们将非常感谢您的任何帮助。

$( document.body ).on( \'post-load\', function () {
    $(\'.posts-navigation, .infinite-loader\').remove();
} );