Html 最后一个类型问题带有一些img标记

我有一些

标记，它将通过php代码加载一些图像

以下代码：

但是最后一个img仍然得到50px的填充以及0填充。 问题是-50PX也不适用于此

有什么问题吗？

使用

.images_cd{

}
.images_cd img{
    margin-bottom: 50px;
}
.images_cd img:last-of-type{
    margin-bottom: 0px;
}

---

相反

我复制了您编写的代码，但添加了一些大纲，这样您就可以看到一些东西，而且工作正常

.images_cd img:last-child { }

您可以看到它，并验证最后一个img上没有空白底部

---

我的猜测是，一定有其他东西覆盖了CSS规则。

+1，但你不应该使用“尝试”这个短语（好的答案被否决了：）如果你在ie8中测试，那么它将不起作用，因为ie8不支持last of type或last child

.images_cd img:last-child { }

.images_cd{
    width:400px;
    border:1px solid blue;
}
.images_cd img{
    margin-bottom: 50px;
    width:100px;
    height:100px;
    border:1px solid red;
}
.images_cd img:last-of-type{
    margin-bottom: 0px;
}