css-float - 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 位于结构的一层。并且所有数字都像 nth-child(odd) 一样识别。在这种情况下 div.content 是一个“nth-child(even)”元素。