本文介绍了最后一个孩子不工作的CSS/HTML的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试一行四格.
.frontpage {
width: 240px;
margin-bottom: 20px;
margin-right: 50px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.frontpage img {
margin: 10px auto;
}
.frontpage a:last-child img {
margin-right: 0;
}
<div class="frontpage">RETRO
<br>
<a href="retro/index.html">
<img src="images/name1.jpg" alt="">
</a>
<p>TEXT</p>
<div class="readmore"><a href="retro/index.html">READ MORE</a>
</div>
<div class="frontpage">RETRO
<br>
<a href="retro/index.html">
<img src="images/name1.jpg" alt="">
</a>
<p>TEXT</p>
<div class="readmore"><a href="retro/index.html">READ MORE</a>
</div>
<div class="frontpage">RETRO
<br>
<a href="retro/index.html">
<img src="images/name1.jpg" alt="">
</a>
<p>TEXT</p>
<div class="readmore"><a href="retro/index.html">READ MORE</a>
</div>
<div class="frontpage">RETRO
<br>
<a href="retro/index.html">
<img src="images/name1.jpg" alt="">
</a>
<p>TEXT</p>
<div class="readmore"><a href="retro/index.html">READ MORE</a>
</div>
如您所见,即时通讯正在尝试使用last-child将最后一个div设为0px的边距.但是我似乎无法摆脱空白.
As you can see im trying to get that last div a 0px margin using last-child. But i can’t seem to get rid of the margin.
推荐答案
您必须将选择器移至 .frontpage
.
.frontpage:last-child {
margin-right: 0;
}
这篇关于最后一个孩子不工作的CSS/HTML的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!