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

Question

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

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

“spaciel-project-more”有一个边框底部，但我希望最后一个没有边框底部..无法弄明白...

CSS：

angular.forEach(data,function (value, key)

提前致谢！

Answer 1

不是:last-child，因为之后还有其他一些内容。您可以使用:last-of-type：

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

演示：JSFiddle

Answer 2

在css中用你的风格来帮助你

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