我有以下HTML
<div class="row">
<a href="pix/gross/aa.jpg"><img src="pix/klein/aa.jpg" /></a>
<a href="pix/gross/bb.jpg"><img src="pix/klein/bb.jpg" /></a>
<a href="pix/gross/cc.jpg"><img src="pix/klein/cc.jpg" /></a>
<a href="pix/gross/dd.jpg"><img src="pix/klein/dd.jpg" /></a>
</div>
现在,我想为除第一个图像之外的所有图像添加边距。当我删除
<a>
标记时,以下CSS可以正常工作:.row img + img {
margin-left: 15px;
}
但是,当我添加
<a>
时,css不起作用。那么如何将锚元素添加到CSS中呢? 最佳答案
好吧,当它们处于链接状态时,它们不再相邻。这些链接是:
.row a + a {
margin-left: 15px;
}
Live Example(具有夸大的边距)| Source