nth-child - div的第二个img

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

在display: inherit;

上使用.my_div img:nth-child(2)

＆＃13;

＆＃13;

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

＆＃13;

<div class="my_div">

<img src="1.jpg" />
<img src="2.jpg" />

</div>

＆＃13;

＆＃13;

＆＃13;