twitter-bootstrap - 无法更改 Bootstrap 4 中的导航栏链接颜色

Question

我正在尝试更改导航栏的一个链接的颜色，同时我尝试了所有方法它仍然具有默认颜色。这是代码:

<li class="nav-item signup">
        <a class="nav-link" routerLink="/signup" >Sign Up</a>
      </li>

CSS

.navbar-light .navbar-nav .nav-link li a.signup {
    color:#ffffff !important;
}

我正在尝试更改注册按钮链接颜色。一个有趣的事实是，导航项(.signup 类)的背景颜色可以更改，而链接是不可能的。

如何更改链接颜色？ css 有什么问题？

Answer 1

你的 anchor 有 .nav-link 类，你的 .nav-item 有自定义的 .signup 类。 .nav-link li a.signup 的结构是从哪里来的？

试试这个:

.navbar-light .navbar-nav .nav-item.signup .nav-link {
    color:#fff;
}