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

Question

我正在尝试更改 Bootstrap 3 中“注销”菜单项的颜色。我尝试给它一个“注销菜单”类，但它不起作用。

这有效并更改所有菜单项的字体颜色:

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

这有效并改变了悬停状态的颜色

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

这不有效。这个“注销菜单”元素不是蓝色的。它与上述样式颜色相同 (#930008)

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

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

<div class = "collapse navbar-collapse" id="navbar-container">
      <ul class = "nav navbar-nav navbar-right">
        <li><a href="#">Plans</a></li>
        <li class="logout-menu"><a href="#">Logout</a></li>
        <li><a href="#">Register</a></li>
      </ul>
    </div>

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

Answer 1

语法错误

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

试试这个。

我认为您还需要使用 !important。