我正在尝试一行四个 div。
.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。但我似乎无法摆脱边缘。
最佳答案
您必须将选择器移动到 .frontpage
。
.frontpage:last-child {
margin-right: 0;
}
关于html - 最后一个 child 不工作 css/html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27511190/