當我添加鏈接到某些東西時，如何防止不必要的更改？

Question

我的頁面上有不同文字和圖片的鏈接，可以將您帶回到主頁，到其他頁面等。我正在嘗試更新它們，並發現當我將鼠標懸停在任何這些鏈接的項目上時灰色條出現在它後面。我嘗試改變我的CSS代碼的懸停位，但一直未能找到擺脫這種不必要的影響的方法。我最終希望它看起來像網頁上的任何內容都沒有改變，但也許鼠標懸停在鏈接上時會發生變化。

一個總結樣本：

HTML：

<div id="example"> 
    <a href="homepage.html"><img src="images/thumbnail.jpg"></a> 
    <h3><a href="contacts.html">Contact</a></h3> 
</div> 

CSS：

a:link {color: #333; text-decoration: none;} 
a:visited {text-decoration: none; color: #666;} 
a:hover {text-decoration: none;color: #C30;} 
a:active {text-decoration: none;} 

DIV的容器中沒有措辭會影響鏈接。該解決方案可能很簡單，但迄今爲止搜索沒有幫助。

Answer 1

這樣子......？

http://jsfiddle.net/SinisterSystems/QHcP3/1/

<div id="example"> 
    <a href="homepage.html"><img src="http://www.phawker.com/wp-content/uploads/2008/09/dudewtf.thumbnail.jpg" /></a> 
    <h3><a href="contacts.html">Contact</a></h3> 
</div> 

a:link {color: #333; text-decoration: none;} 
a:visited {text-decoration: none; color: #666;} 
a:hover {text-decoration: none;cursor:crosshair;} 
a:active {text-decoration: none;} 

Answer 2

中的顏色您：訪問規則應與你的顏色：如果你想讓他們看起來是一樣的鏈接的規則。

a:visited {text-decoration: none; color: #666;}

應該

a:visited {text-decoration: none; color: #333;}