CSS第N個孩子懸停

Question

嗨我想創建一個懸停從哪個變化從黑色和白色變色，但我似乎無法解決爲什麼我不能使用第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; 
} 

感謝

Answer 1

你努力的目標一類與nth-child和不工作。

如果所有的鏈接都有相同的類，那麼這應該就足夠了。

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

Answer 2

你爲什麼不只是改變圖像之一的類名，並讓它坐其他的圖像所以只有一個圖像淡入和淡出的背後？

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> 

Answer 3

對不起，我沒有得到你想要在首位的。 如果妳想要得到灰度我推薦的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