2013-04-17 65 views
0

我有在CSS添加懸停一些造型和改變鏈接的顏色:CSS

.fieldset-start { 
styling code here 
} 

和代碼一些超鏈接和樣式字段集,鼠標懸停做什麼

.fieldset-start:hover 
{ 
some on-hover styling code 
} 

我想要什麼要做的就是改變鏈接顏色並刪除懸停下劃線。

我現在有

.fieldset-start:hover A:link { 
text-decoration:none; 
} 

,但它不工作。什麼是正確的方式來做到這一點?

+2

請發佈一個完整的代碼示例,包括您的HTML例如。而一個jsFiddle.net的例子總是有幫助的。 – j08691

+0

解決方法是更改​​.fieldset-start:hover A:鏈接到.fieldset-start:hover a。就如此容易。 –

回答

0

它應該很好地工作:http://jsfiddle.net/2JW32/

CSS

fieldset:hover a { 
    text-decoration: none; 
    color: red; 
} 

HTML

<fieldset> 
    <div>Hello World</div> 
    <a href="http://google.com">Test 1</a> 
    <a href="http://google.com">Test 2</a> 
</fieldset> 

您可能需要檢查具有更高特異性的另一個選擇是不會阻止所需影響。

還記得:linkapplies to links which have not been visited。如果您還需要匹配訪問過的鏈接,則可以使用更通用的a選擇器,或者爲a:visited添加第二個選擇器。