如何重复div类？

所以我想弄清楚如何重复两个交替的div。基本上，我正在制作一个wordpress网站，我希望帖子能够以他们看起来的方式交替。我也使用bootstrap。如何重复div类？

所以第一篇文章使用的代码块来完成：

<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>

，然后第二个职位将有同样的事情，但用文字和图片交换场地。

如果可能，我该如何做到这一点？

来源

2015-06-21 Zaid Saeed

它可能比你想象的更困难..你必须编辑Wordpress主题（博客生成页面以显示帖子的方式）。 – JCOC611

@ JCOC611我正在制作自己的主题，我已经知道如何编辑博客显示帖子的方式。 –

所以你想让其他所有的行都有不同的风格或者什么？ –

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

.row{ 
    /* styling */ 
} 

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

来源

2015-06-21 21:23:46

为了扩大这一点，OP需要的选择是'.row：nth-of-type（odd）[class * =“ col - “]'并且你想将'float'属性设置为'right'。 –

如何重复div类？

回答

相关问题