Html 从最后一个div中删除边框

我正在努力从上一个div中删除边框，下面是我的代码：

<div class="media">
    <a class="pull-left" href="producten.php?product=<?php echo $key; ?>">
       <img class="media-object" src="img/<?php echo $key; ?>.png">
    </a>
    <div class="media-body">
        <h4 class="media-heading"><?php echo $output["naam"]; ?></h4>
        <div class="row">
            <div class="col-sm col-xs-10">
              <p><?php echo $output["omschrijving"]; ?></p>
            </div>
            <div class="col-sm-2 col-xs-2">
              <p class="pull-right">Prijs:<b><?php echo $output["prijs"]; ?></b></p>
            </div>
        </div>
    </div>
</div>

但这似乎不起作用，请注意，我正在使用Bootstrap。请原谅，有些单词是荷兰语的，或者PHP可能是垃圾，但这就是我学习的原因。

：只有当所讨论的元素是容器的最后一个子元素时，最后一个子元素才起作用。：类型的最后一个用于特定类型元素的最后一个

.media:last-child {
  border:none;
}

---

试着这样做：

div.media:last-child{
}

---

我们也要重新设置边界吗

.media:last-of-type {
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 10px;
    padding-bottom: 10px;
    color: red;
    border:none;
}

---

您可以尝试以下代码：

.media:last-child{

 border:0;

}

---

IE7/IE8不支持AFAIK的最后一个孩子

也许你可以颠倒边框的顺序，而不是从最后一个边框中删除border bottom，然后从第一个边框中删除border top？你甚至不需要穿上它：

.media + .media {border-top: 1px solid #000000;}

或者类似的东西，以某种方式将其反转，并瞄准第一个孩子，而不是上面提到的第一个孩子以外的所有人

---

编辑：更新的代码可能更适合您的示例

类型的最后一个是元素选择器而不是类，因此，如果您的媒体div之后有另一个div，则它将对该div应用样式，而不是将border重置为none吗？我在你的代码中没有看到它。

.media + .media {border-top: 1px solid #000000;}