html - CSS：在最后一个元素上提供不同的填充，而不需要多个类

Question

我有一个div包含三个图像，它们或多或少 31% 宽。这个想法是在两者之间提供填充。最后一张图片应该没有右填充，这样三张图片加起来就和上面一张大图一样宽。

像这样...

如何指定一个只知道图像位于最后一个位置的变体（选择器或其他）类？任何想法，也许使用兄弟姐妹等。

Answer 1

您可以使用:last-of-type伪类。

.container_class > img:last-of-type {
    padding-right: 0;
}

PS - 你不是用边距而不是填充来间隔元素吗？

Answer 2

我的猜测是您可以使用+选择器。

img + img {
  padding-left:4px;
}

这样，除了第一个图像之外的每个图像都将接收左侧填充。而且您不必为所有图像编写一个样式规则，而只为最后一个图像编写一个单独的样式规则。