css - 同じクラスの2つの異なる画像に2つの異なる位置を与える

Question

同じクラスで2つの画像に異なる位置を与える方法はありますか？

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

CSS：

.image img {
 top: 100px;
}

同じクラスのimage2とは異なる位置値をimage1に与えることは可能ですか？

Answer 1

はい、使用して最初の画像を選択し.image img:first-child、別のトップ値を設定します-次のようなものです.image img:first-child { top: 50px; }