为同一类中的2个不同图像提供两个不同的位置

Question

有没有办法在同一个班级中为2个图像提供不同的位置？

<div class="image">
 <img src="image1.jpg">
 <img src="image2.jpg">
</div>

CSS：

.image img {
 top: 100px;
}

是否可以为image1提供与同一类中的image2不同的位置值？

Answer 1

是的，您使用.image img:first-child选择了第一张图片并设置了不同的最高值 - 例如.image img:first-child { top: 50px; }