无法在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

您的锚点具有.nav-link类，您的.nav-item具有自定义.signup类。 .nav-link li a.signup的结构在哪里出现？

尝试一下：

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