无法定位元素的最后一个子元素

我想在while循环中禁用最后一个elemnt的border-bottom,但它不起作用......这是代码:

  
        have_posts() ): ?>
        have_posts() ) : $the_query->the_post(); ?>                                   
          
 

         


         

        
      

"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;
}

提前致谢!

这不是:last-child因为之后还有其他一些内容.你可以使用:last-of-type:

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

演示:JSFiddle