更改Bootstrap Nav中单个菜单项的颜色

Question

我正在尝试更改Bootstrap 3中“Logout”菜单项的颜色。我试过给它一个“注销菜单”类，但是它没有用。

这适用于所有菜单项的字体颜色：

if (root.x === 1){
root.twBtn.on("click", function(evt){
    window.open(clickTag1, "_blank");
    y=y+1;  
    })
};

这可以改变悬停状态的颜色

.nav.navbar-nav.navbar-right li a {
    color: #930008;
}

NOT 工作。这个“注销菜单”项目不是蓝色。它与上述样式（＃930008）的颜色相同

.nav.navbar-nav.navbar-right > li > a:hover{
    color: #4e5255;
}

这是在注销标签上显示“logout-menu”类的HTML。

.nav.navbar-nav.navbar-right.logout-menu  li a {
    color: blue;
}

如何更改注销项目的颜色？

Answer 1

错误的语法

.nav.navbar-nav.navbar-right li.logout-menu a {
  color: blue;
 }

试试这个。

我认为你需要使用！也很重要。

Answer 2

分配一个id说退出。

并设计风格

#logout:hover{
color: #4e5255; 

  }