我有以下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

10-07 21:21
查看更多