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