图像相邻选择链接

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

来源

2013-11-24 Franz Gsell

那么，当他们在链接，他们不再相邻。联系是，虽然：

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

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

来源

2013-11-24 09:05:08

JEP你是对的 - 我错过了树木:-)的阿甘。但是，当我想只选择链接的图像？ –

@FranzGsell：那不是'.row a + a img'？ http://jsbin.com/ecAdudA/3/edit（我已经添加了边界来清楚哪个元素是哪个） –

尝试：

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

Fiddle here.

来源

2013-11-24 09:07:09 Hiral

图像相邻选择链接

回答

相关问题