WordPress前三篇文章与其余文章列表显示不同样式

网站建设过程中需要用到前三篇文章与其余文章显示不同的样式（如下图），实现方法如下：

<div>
<ul>
<?php query_posts( array(
'showposts' => 3,
));
if(have_posts()) : while (have_posts()) : the_post();
?>
<li><a href="<?php the_permalink();?>" target="_blank">
<?php the_title();?>
<img src="<?php echo post_thumbnail_src(); ?>" alt="<?php the_title(); ?>">
<p><?php echo mb_strimwidth(strip_tags(apply_filters('content', $post->post_content)), 0, 70,"..."); ?></p>
</a></li>
<?php endwhile; endif; wp_reset_query(); ?>
</ul>
</div>
<div>
<ul>
<?php
$args_post = array(
'posts_per_page' => 10,
'ignore_sticky_posts' => 1,
);
$latest_post_query = new WP_Query($args_post);
if($latest_post_query->have_posts()) : $i=0; while ($latest_post_query->have_posts()) : $i++; $latest_post_query->the_post();
?>
<?php if($i>3&&$i<18){ ?>
<li><a href="<?php the_permalink(); ?>" target="_blank"><?php the_title(); ?></a></li>
<?php } ?>
<?php endwhile; endif; wp_reset_query();?>
</ul>
</di>

以上代码分为两个部分，一部分是调用最新发布的3篇文章，可以单独设置样式。后一部分，是从第4篇最新发布文章开始调用，如此一来就可以实现前3篇文章与后面的文章列表显示不同样式。