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

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

<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 有什么问题吗？

你的锚有.nav-link班级，你的.nav-item有习俗.signup班级。你从哪里想到的结构.nav-link li a.signup?

尝试这个：

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