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

标签： twitter-bootstrapcsscss-selectorsbootstrap-4

Answer 1

你的锚有.nav-link类，你.nav-item有自定义.signup类。你从哪里想出的结构.nav-link li a.signup？

尝试这个：

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