相邻选择器用于图像链接

Question

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

Answer 1

嗯，当他们在链接中时，他们不再相邻了。但是链接是：

.row a + a {
    margin-left: 15px;
}

Live Example （夸张的保证金） | Source

Answer 2

尝试：

.row a:not(:first-child) img{
    margin-left: 15px;
}

Fiddle here.