HTML/CSS：懸停在鏈接上時沒有文本更改

Question

我想創建一個超鏈接，當我將鼠標懸停在其上時不會更改文本。 我創建了一個特殊的風格該類型的鏈接如下：

a.blank:hover{ 
    text-decoration:none;} 

和鏈接本身：

<a class="blank" id="asdf">asdf</a> 

我也有一個大致的超級鏈接樣式：

a:hover, a:active { 
text-decoration: none; 
color: #321dd3; } 

我知道我可以通過將文本顏色定義爲相同來解決它，但是是否存在一種傘式方法來強制超鏈接不改變任何內容？

Answer 1

存在諸如reset.css（和morelikeit）的庫，它們將刪除這些樣式，但這可能會影響頁面的其他部分。這是最好的使用

a:hover, a:active { 
    text-decoration: none; 
    color: inherit; 
} 

您還需要添加a{text-decoration: none;}並定義color性質（而這正是inherit ED）爲其父元素。

小提琴：http://jsfiddle.net/VhCf8/