Twitter bootstrap 3 如何仅更改某些导航栏链接颜色？

我正在建立一个网站，有一半的导航栏链接是黑色的，一半是白色的。我有：

@navbar-default-link-color: #fcfcfc;

然而，我正在努力找出如何覆盖导航栏另一半的链接颜色。我尝试过我在谷歌上发现的东西，比如：

.navbar-default > .navbar-nav > .dark > a:link {
  color: #171b1e !important;
}

而且

.dark {
  @navbar-default-link-color: @brand-primary;
}

HTML示例：

<li class="dark">
  <a href="https://dribbble.com" target="_blank">
    <i class="fa fa-dribbble fa-2x"></i>
  </a>
</li>

---

我也试过用id代替类。我尝试过的任何东西都不会覆盖链接颜色。我确实读过一些关于使用每个菜单项更改每个导航栏链接的内容，但我不知道如何实际获取菜单项值。

您可以为导航栏使用渐变。但这将是渐进的颜色过渡

编辑：只需使用navbar，而不是navbar默认或反向样式。然后您可以手动编写css，如

  .navbar {
            background: #e0e0e0;

        .navitem {
               background: #ffffff;
  }
        .navitem2 {
               background: #ffffff;
  }
  }

---

在不查看浏览器检查器的情况下，很难知道是否应用了正确的CSS，但这应该是可行的：

如果将深色应用于

元素，则很可能需要将其直接应用于

元素，因为它应用了默认颜色

.dark > a {
  color: @brand-primary;
}

如果这不起作用，请尝试实现

！重要信息

。这将迫使它使用正确的颜色：

.dark > a {
  color: @brand-primary !important;
}

您也可以简单地将颜色应用于

元素。在这种情况下：

a.dark {
  color: @brand-primary !important;
}

并将其应用于

链接文本

谢谢！第三种方法有效（黑暗）。但是，这会从链接中删除我的悬停颜色。我怎么才能把它逼回去？

<li>
  <a class="dark">
    Link Text
  </a>
</li>