nth-child - second img of a div

Question

我有两个div

的图像

<div class="my_div">
<img src="1.jpg" />
<img src="2.jpg" />
</div>

我尝试了CSS

.my_div img:nth-child(2) { margin-top:130px; }

但这不起作用？知道为什么？

Answer 1

在 .my_div img:nth-child(2)

上使用 display: inherit;

.my_div img:nth-child(2) {
    margin-top:130px;
    display: inherit;
}

<div class="my_div">
<img src="1.jpg" />
<img src="2.jpg" />
</div>