Question

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

我遇到的问题是.featured：nth-child（单数）被应用于所有悬浮在左侧的所有图像的特色图像。

这是循环的问题吗？我需要使用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（奇数）一样被识别出来。在这种情况下，div.content是一个“nth-child（even）” - elements。

n-child odd / even wordpress loop

1 个答案: