0
我有一个标准的Wordpress循环,我希望图像分别在奇数和偶数行上左右浮动。nth-child奇数/偶数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;
}