javascript - 如何重复div类？

Question

所以我想弄清楚如何重复交替出现的两个 div。基本上，我正在制作一个 wordpress 网站，我希望帖子以它们的外观交替显示。我也在使用 Bootstrap 。

所以第一篇文章是使用这段代码完成的:

<div class="row">
    <div class="col-sm-4">
        <img src="xyz.png">
    </div>
    <div class="col-sm-8">
        <p>random text random text</p>
    </div>
</div>

然后第二个帖子将有相同的内容，但文本和图像切换边。

如果可能的话，我该怎么做？

Answer 1

如果您只是希望它们具有不同的样式，则无需为每一行提供不同的类。只需使用 :nth-of-type(odd) 或 :nth-of-type(even) 选择器来选择要设置样式的每隔一行。

.row{
    /* styling */
}

.row:nth-of-type(odd){
    /* alternative styling for your every other row */
}