nth-child奇数/偶数wordpress循环

Question

我有一个标准的Wordpress循环，我希望图像分别在奇数和偶数行上左右浮动。

我遇到的问题是.featured：nth-​​child（odd）正在应用于所有将所有图像都浮动到左侧的精选图像。

这是循环的问题吗？我需要使用foreach循环吗？ 任何帮助非常感谢。谢谢

<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 

    <figure class="featured"> 
    <img src="#" width="230" height="230"> 
    </figure> 

    <div class="content"> 
     <?php the_content(); ?> 
    </div> 

<?php endwhile; ?> 
<?php endif; ?> 


CSS: 
.featured { 
margin: 0 0 0 20px; 
width: 228px; 
border: 1px solid #333; 
} 
.featured:nth-child(odd){ 
float: left; 

} 

.featured:nth-child(even) { 
float: right; 

} 

Answer 1

问题是figure.featured div.content位于结构的一个级别。所有人物都认识到像第十一个孩子（奇怪）。在这种情况下，div.content是一个“第n个孩子（偶数）” - 元素。