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/