如何撤消a：background？上的背景颜色？

Question

Twitter Bootstrap为其background-color状态的导航项设置了:focus个属性，但我想撤消特定导航元素的声明。

例如，在某些自定义主题中，让我们说当导航项处于默认状态时，其背景颜色为深红色。然后当你将鼠标悬停在它上面时，它会变为淡红色。

然后，由于Bootstrap对:focus状态的声明，如果单击导航项并将鼠标移离它，它将变为浅灰色（来自默认的Bootsrap主题）。这就是我想要摆脱的。

我想在这里实现的是，当你点击一个项目时，它应该保持默认行为，即没有鼠标悬停的暗红色，当鼠标悬停在它上面时呈浅红色。但是这不起作用，因为:focus状态似乎覆盖了:hover状态，所以无论我尝试为:focus声明什么，都可以用鼠标移除鼠标。

我还尝试了background-color:transparent和background-color:inherit。但问题始终是一样的，即无论颜色呈现什么，它都会保持不变，无论鼠标是否在链接之上。我希望背景颜色在悬停时不断变化，即使该链接获得焦点。

Answer 1

在你的特殊元素中添加一个额外的类并设置css。

.ExtraClass:focus{
    color: #FFF !important;
}

.ExtraClass:hover{
    color: #000 !important;
}

.ExtraClass{
    color:#555 !important;
}