Предоставление двух разных позиций для двух разных изображений в одном классе

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; }