Css 引导-无法重写伪类的属性

我基本上是想实现悬停效果。我似乎无法在以下代码中使用伪类的属性进行重写：

CSS:

HTML:

如果我从ul元素中删除nav类，hover特性工作得很好，但是结构看起来非常难看。我怎样才能让它工作

更新：

---

将我的代码上载到

您必须像这样指定css：

  <style type="text/css">
        .nav>li>a:hover
        {
            color: #000000;
            background-color: #ff8c00;
        }
    </style>

---

这样，将选择带有嵌套子li的类nav和带有伪类：hover的标记，并覆盖引导标准。

活动类将不起作用，因为规则仅在：hover上指定 要在活动上应用样式，您还必须在活动类上调用CSS

.nav>li>a:focus,
.nav>li>a:hover,
.nav>li>a:active
{
    color: #000000;
    background-color: #ff8c00;
}

---

“主动”类似乎不起作用。知道我可以在那里做什么吗？试试.active a来指定我指的是使用bootstrap中的'active'类。哦，对不起。您可以使用javascript在正确的元素上设置“active”，或者直接在代码中编写它。如果你是那个意思对不起，我又误解了。。。。请尝试添加.nav justized>.active，以便活动类的样式与：悬停效果相同

  <style type="text/css">
        .nav>li>a:hover
        {
            color: #000000;
            background-color: #ff8c00;
        }
    </style>

.nav>li>a:focus,
.nav>li>a:hover,
.nav>li>a:active
{
    color: #000000;
    background-color: #ff8c00;
}