css - nth-child - div 的第二个 img

我在一个div里面有两个图片

<div class="my_div">

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

</div>

我试过遵循 css

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

但这行不通？知道为什么吗？

最佳答案

在.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>

关于css - nth-child - div 的第二个 img，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40981723/

相关文章：

css - 响应式 css 网格和各种分辨率？