Не может предназначаться для последнего дочернего элемента

Я хочу отключить border-bottom последнего элемента внутри цикла while, но это не работает …
Это код:

<div class="col-sm-4">
<?php if ( $the_query->have_posts() ): ?>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<h2 class="special-project-title"><?php the_title()?></h2> <br/>
<div class="post-meta special-project-meta"><?php mida_post_meta()?></div><br/>
<a class="more-link spaciel-project-more" href="<?php echo the_permalink() ?>"><?php echo __('Read More', 'mida')?></a><br/>
<?php endwhile; endif;?>
<?php wp_reset_query(); ?>
</div>

«spaciel-project-more» имеет нижнее границу, но я хочу, чтобы у последнего не было нижнего края … не могу понять это …

CSS:

.spaciel-project-more{
border-bottom: 1px solid black;
margin-top: -15px;
margin-bottom: -15px;
padding-bottom: 15px;
}
.spaciel-project-more:last-child{
border-bottom:none;
}

Заранее спасибо!

1

Решение

Это не :last-child потому что после этого есть какой-то другой контент. Ты можешь использовать :last-of-type:

.spaciel-project-more:last-of-type {
border-bottom: 0
}

Демо-версия: JSFiddle

5

Другие решения

использовать это в вашем стиле в CSS может помочь вам

.spaciel-project-more:last-child{
border-bottom:0px;
}
0