CSS第N个孩子悬停

嗨我想创建一个悬停从哪个变化从黑色和白色变色，但我似乎无法解决为什么我不能使用第n孩子和悬停。CSS第N个孩子悬停

目前我的代码看起来像这样。

<div class="ads125-wrap"> 
    <a class="ad125" href="#"><img alt="ad125" src="syteme-design-color.png"></a> 
    <a class="ad125" href="#"><img alt="ad125" src="syteme-design-bw.png"></a> 
</div> 


.ads125-wrap { 
    height: 203px; 
    position: relative; 
} 
.ad125 { 
    margin-bottom: 0; 
    margin-right: 0; 
    position: absolute; 

} 

.ads125-wrap a.ad125 img{ 
-webkit-transition: opacity 0.5s ease-in-out; 
    -moz-transition: opacity 0.5s ease-in-out; 
    -o-transition: opacity 0.5s ease-in-out; 
    transition: opacity 0.5s ease-in-out; 
} 


.ads125-wrap a.ad125:nth-child(1) img:hover{ 
    opacity:0; 
}

感谢

来源

2013-10-29 Brent

你需要在这个第n个孩子？ – SaturnsEye

也许会先使用第一个孩子然后再使用第二个孩子（2） –

你努力的目标一类与nth-child和不工作。

如果所有的链接都有相同的类，那么这应该就足够了。

.ads125-wrap a:nth-child(add your number here) img:hover{ 
    opacity:0; 
}

来源

2013-10-29 12:27:13

你为什么不只是改变图像之一的类名，并让它坐其他的图像所以只有一个图像淡入和淡出的背后？

http://jsfiddle.net/68Kb6/

<div class="ads125-wrap"> 
    <a class="ad125" href="#"><img alt="ad125" src="syteme-design-color.png"></a> 
    <a class="abcd" href="#"><img alt="abcd" src="syteme-design-bw.png"></a> 
</div>

来源

2013-10-29 12:22:54 SaturnsEye

我不能更改类名称不幸 – Brent

然后您有问题 – SaturnsEye

对不起，我没有得到你想要在首位的。如果妳想要得到灰度我推荐的jQuery插件，如：

第一种方式：http://gianlucaguarini.com/canvas-experiments/jQuery.BlackAndWhite/

（你可以找到在网络上的许多人）第二种方法是使用CSS滤镜（但你不会得到在每个浏览器支持）

方式二：http://addcss.com/grayscale-to-color-hover-effect-using-css/

而第三种方法是使用CSS转换：

第三条道路：http://css3.bradshawenterprises.com/cfimg/

你的情况：这是一个

你的情况：EXAMPLE