2016-12-05 3 views
-1

У меня есть два изображения внутри 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; } 

Но это не работает? Любая идея почему?

+0

Это должно работать. У вас есть другие элементы перед изображениями? В этом случае вместо этого используйте 'nth-of-type()'. –

+1

Работает для меня https://jsfiddle.net/j08691/7jvt81fb/. Что вы получаете? – j08691

+0

Он отлично применяется с вашим кодом .., просто проверьте, не перекрывают ли какие-либо другие стили – Geeky

ответ

0

использование display: inherit; на .my_div img:nth-child(2)

.my_div img:nth-child(2) { 
 
    margin-top:130px; 
 
    display: inherit; 
 
}
<div class="my_div"> 
 

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

 
</div>

Смежные вопросы