Применить CSS к указанному c посту в Wordpress PHP Loop

Question

Я использую WPquery l oop, чтобы добавить свои статьи для определенной категории. Статьи в l oop разделены отступом и рамкой. Проблема в том, что я sh не должен иметь отступа для первой статьи и рамки для последней статьи.

l oop, на который я ссылаюсь, находится справа на скриншоте. Как я могу это сделать?

Изображение L oop

.article-style {
    padding: 20px 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #f1f1f1;
}

<div class="right-row">

<?php
$args = array(
	'category_name' => 'weekly',
	'offset' => 1,
	'posts_per_page' => 3
);
$query = new WP_query ( $args );
if ( $query->have_posts() ) { ?>

	<section class="block-row">
	
		<?php while ( $query->have_posts() ) : $query->the_post(); ?>

		<article id="post-<?php the_ID(); ?>" class="article-style">

		<div class="thumbnail-clmn-right">
			<?php if ( has_post_thumbnail() ) { ?>
				<a href="<?php the_permalink(); ?>">
			
					<?php the_post_thumbnail( array(
						100,
						'alt'	=> get_the_title()
						) );
					?>
				
				</a>
		</div>

			<?php }?>
			
			<h3 class="clmn-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

			<div class="clmn-excerpt">	
			<?php the_excerpt( array (
				'class' => 'clmn-excerpt'
			)); ?>
			</div>
  		</article>
  
  		<?php endwhile; ?>
 
  	</section>
  
<?php } ?>

</div>

Answer 1

Вы можете использовать :first-child для выбора первой статьи и :last-child для выбора последней статьи

вот код

// remove padding from first article
.article-style:first-child {
    padding: 0;
}

//remove border from last article
.article-style:last-child {
    border: 0;
}