css - 如何禁用链接的 Bootstrap 悬停颜色？

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>

如何禁用胡佛颜色？

我希望绿色链接保持绿色，黄色链接保持黄色，而不覆盖每个类的 :hover？ (这个问题不是强制依赖于 bootstrap)。

我需要类似的东西

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

我觉得

.yellow {
    color: yellow !important;
}

这不是一个好的做法。

Answer 1

如果有人关心我最后得到的是:

a {
    color: inherit;
}