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(而且更 喜欢 它),将删除这些样式,但可能会影响你的页面的其他部分.最好用

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

您还需要为其父元素添加a{text-decoration: none;}和定义color属性(即它的内容inherit).

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