css - 为同一类中的 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; }