如果我有一个<div>
,我可以控制它的颜色是这样的:禁用HTML链接悬停颜色
<div class="good">Hello</div>
.good { color: green; }
我想要做的链接同样的事情,就像这样:
<a href="...", class="good">Hello</a>
.good { color: green; }
我即使发生鼠标悬停时,也希望链接为绿色,如<div>
。我知道我能做到这一点:
.good:hover { color: green; }
但这意味着我要记得补充的是,可以应用到<a>
元素的每一个类。有没有简单的方法来禁用悬停颜色变化为<a>
?我想是这样的:
a:hover { color: do-not-change; }
或:
a:hover { color: inherit-from-non-hover; }
更新 我忘了提,我没有设置全局a
和a:hover
重写浏览器的默认:
a, a:hover { color: black; text-decoration: none; }
这是因为我不知道如何禁用悬停颜色。理想的情况是什么,我想要的是:
a { color: black; }
a:hover { color: <some way to tell it to not change>; }
.good { color: green; }
然后<a>
是黑色的,悬停或没有。并且<a class="good">
是绿色的,悬停与否。
即使在徘徊时仍然保持绿色。 http://jsfiddle.net/j08691/eew6rqzw/ – j08691
如果您没有设置全局悬停状态(a:hover),那么您不需要定义.good:悬停,它将与.good 。 – kel