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 属性（这就是inherited）。

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