如何禁用链接的引导悬停颜色

Question

嗨,我正在使用Bootstrap.

Bootstrap定义

a:hover, a:focus {
    color: #005580;
    text-decoration: underline;
}

我有这个链接/ CSS类

<a class="green" href="#">green text</a>
<a class="yellow" href="#">yellow text</a>

如何禁用胡佛颜色？

我希望绿色链接保持绿色,黄色黄色保持黄色,不要覆盖:为每一个班级悬停？(这个问题不是必须依赖于bootstrap).

我需要类似的东西

a:hover, a:focus {
    color: @nonhoovercolor;
}

而我想

.yellow {
    color: yellow !important;
}

不是一个好习惯

Answer 1

如果有人关心我最终:

a {
    color: inherit;
}

我关心wutzebaer ......我在意 (95认同)
我也在乎.:) (5认同)
这会继承锚标记的父级颜色.它不只是抓住它在被徘徊之前的颜色吗？因此,要实现这一点,他的标记必须是`<div class ="yellow"> <a>链接</a> </ div>`才能使其正常工作.那是对的吗？ (3认同)
在我的情况下,我需要`background-color:inherit;`,谢谢! (2认同)

Answer 2

HTML:

<a class="green" href="#">green text</a>
<a class="yellow" href="#">yellow text</a>

CSS:

body  { background: #ccc }
/* Green */
a.green,
a.green:hover { color: green; }
/* Yellow */
a.yellow,
a.yellow:hover { color: yellow; }

Answer 3

a {background-color:transparent !important;}

Answer 4

对我来说，上面的简单解决方案都不起作用，但是通过仅更改悬停，我能够让它工作：

  :hover {
    color: inherit;
    text-decoration: none;
  }