无法在Bootstrap 4中更改导航栏链接的颜色 [英] Can't change nav-bar link's color in Bootstrap 4

问题描述

我正在尝试更改导航栏的一个链接的颜色，而我尝试了所有方式仍具有默认颜色. 这是代码:

I am trying to change nav bar's one link's color while I tried all ways it still has a default color. Here is the code:

<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类)的背景颜色可以更改，而链接不可能.

I am trying to change sign up buttons link color. An interesting fact is that the background color of nav-item (.signup class) was possible to change while a link is impossible.

如何更改链接颜色? CSS有什么问题?

How can I change that a link color? What is wrong on the css?

推荐答案

您的锚点具有.nav-link类，您的.nav-item具有自定义的.signup类. .nav-link li a.signup的结构是哪里来的?

Your anchor has .nav-link class, your .nav-item has the custom .signup class. Where did you come up the structure of .nav-link li a.signup?

尝试一下:

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

这篇关于无法在Bootstrap 4中更改导航栏链接的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！