如何向循环中最后一个帖子的最后一个图像添加类

时间：2014-12-24 作者：user2802110

好的，我正在创建一个公文包页面，我想在我的上一个公文包缩略图中添加一个类。目前，我在最后一个投资组合项目的div中添加了一个类。我想把它添加到缩略图中，而不是div本身。

我的代码：

<?php $args = array( \'post_type\' => \'portfolio\', \'order\' => \'ASC\');
$loop = new WP_Query( $args );
while ( $loop->have_posts() ) : $loop->the_post(); ?>
<div class="testing_imran<?php echo $loop->current_post + 1 === $loop->post_count ? \' imd_last\' : \'\' ?>">
<?php the_post_thumbnail( \'thumbnail\', array( \'class\' => \'main-image portfolio\' ) ); ?>
</div>           
<?php endwhile; ?>
我想把“imd\\u last”类添加到帖子缩略图中，而不是div中。我该怎么做？顺便说一下，缩略图附带了一个类，如您所见，我只想在最后一个缩略图中添加一个额外的类。enter image description here

1 个回复
最合适的回答,由SO网友:Robert hue 整理而成

为什么不使用CSS伪属性呢。您可以简单地使用:first-child 和:last-child 以CSS样式的第一个和最后一个元素为目标。

下面是如何使用CSS伪属性实现这一点。

div.post:last-child div.testing_imran img {
    your styles for last image
}
另外，如果您想以CSS文件中的最后一个图像为目标，那么您的代码也可以工作。您实际上不需要将CSS类添加到图像本身，但将CSS类添加到div容器也可以。

div.testing_imran.imd_last img {
    your styles for last image
}
如果您想在jQuery中以图像为目标，那么同样的规则也适用于jQuery。

结束
标签： loop   小码农  

相关推荐

The Loop in Static Page

我对环路有一些问题。我以“Twenty14”主题为例。我正在使用基本循环创建2个php文件。一个是家。其中一个是名为示例页的模板页。php。两者都包含此代码；if( have_posts() ) : while( have_posts() ) : the_post(); the_content; endwhile; endif; 没什么特别的，唯一的区别是我在示例页面上有模板声明。php/** * Template Nam