无法使用：not（：last-child）选择器选择元素

Question

我正在尝试包含三个图像的容器的第一张和第二张图像，因此我使用了:not(:last-child)选择器，但是它不起作用。

#imageContainer img:not(:last-child) {
  margin-right: 50px;
}

<div id="imageContainer">
  <div>
    <a href="#"><img src="image.png" alt=""></a>
  </div>
  <div>
    <a href="#"><img src="image2.png" alt=""></a>
  </div>
  <div>
    <a href="#"><img src="image3.png" alt=""></a>
  </div>
</div>