CSS 悬停类未正确复制

Question

这是 JSFiddle； http://jsfiddle.net/Kwk9p/

我基本上是在尝试将 :hover 状态复制到一个静态类，我试过无济于事。

在 JSFiddle 上，您可以看到我添加了另一个名为 .activeConsole 的类，这是我尝试用作静态 :hover 类的类，虽然边框显示为白色，文本保持为灰色，如果可能，我需要完整的 :hover 样式吗？

Answer 1

不确定我是否正确理解了你的问题(你希望第一个元素在悬停时看起来一直像其他元素一样？)，但是你开始吧:

ul.boxed-navigation li.active {
    background: #e70c2f;
    border-color: #e70c2f;
}

ul.boxed-navigation li.active a {
    color: #fff;
    text-decoration: none;
}

这是一个 JSFiddle .