Html 更改导航栏文本颜色引导

我现在有一段html，它代表我的导航栏的相关部分：

<nav class="navbar navbar-inverse" role="navigation">
    <div class="container">
        <ul class="nav navbar-nav navbar-right">
            <li><a href="#"><span class="glyphicon glyphicon-user"></span> About</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-earphone"></span> Contact</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-briefcase"></span> Portfolio</a></li>
            <li><a href="#"><span class="glyphicon glyphicon-list-alt"></span> R&eacute;sum&eacute;</a></li>
        </ul>
    </div>
</nav>

唯一的问题是文本颜色保持不变。 我还看到了一个很难解决的问题。我敢打赌，谁能解决这个问题，谁也能解决另一个问题。

让它成为以下内容：

.nav.navbar-nav.navbar-right li a {
    color: blue;
}

<nav class="navbar navbar-expand-lg navbar-light" style="background-color=#e3f2fd">

以上内容将针对特定链接，这是您想要的，而不是将整个列表设置为蓝色，这是您最初所做的。这是一本书

另一种方法是创建另一个类并按如下方式实现它：

HTML

也在本演示中演示了

.nav.navbar-nav.navbar-right li a span{
    color: blue;
}

如果不行，试试这个

.nav.navbar-nav.navbar-right li a {
    color: blue;
}

---

你链接到的线程确实为你回答了这个问题。您需要针对

a

元素本身。例如

.nav.navbar-nav.navbar-right a {
    color: blue;
}

如果这不起作用，只需要更具体一些。例如

.nav.navbar-nav.navbar-right li a {
    color: blue;
}

在css中尝试以下操作：

#ntext{
 color: #000000;
  }

然后在所有导航栏列表代码中显示以下内容：

<li><a href="#" id="ntext"><span class="glyphicon glyphicon-user"></span> About</a></li>

语法是：

.nav navbar-nav .navbar-right > li > a {
   color: blue;
}

---

从bootstrap4开始，答案是在nav元素中简单地将navbar设置为深色，这将设置文本和指向浅色主题的链接

<nav class="navbar navbar-dark">

---

如果需要更改导航栏的背景颜色，可以执行以下操作：

.nav.navbar-nav.navbar-right li a {
    color: blue;
}

<nav class="navbar navbar-expand-lg navbar-light" style="background-color=#e3f2fd">

以及更改文本：

<a class="nav-link" href="#" style="color:#ccc">

此代码将起作用

.navbar .navbar-nav > li .navbar-item ,
.navbar .navbar-brand{
                       color: red;
                      }

粘贴css并运行 如果在

下面有一个元素，请将其定义为.navbar项类

例如

@Html.ActionLink（“登录”，“登录”，“主页”，新{area=”“}，
新的{@class=“navbar项”}）

或

你好

---

为我工作。Bootstrap v4.3.1

事实上，我们可以简单地使用标准引导文本颜色，而不是对CSS格式进行黑客攻击

标准颜色示例：

text primary

，

text secondary

，

text success

，

text danger

，

text warning

，

text info

在下面的导航条形码示例中，文本

主页

将为橙色（

文本警告

）

---

要更改导航栏中的文本颜色，可以使用内嵌css作为

<a style="color: #3c6afc" href="#">

---

谢谢您的回答。 我扩大了：

.nav-link, .dropdown-item {
    color: blue !important;
}
.nav-link:hover, .dropdown-item:hover {
    color: darkgreen !important;
}

---

向锚标记添加一些内联css

<li><a style = "color:blue" href="#"><span class="glyphicon glyphicon-user"></span> About</a></li>

---

这将在锚定标记文本中添加蓝色。

您可能还需要将li作为目标。您是否尝试过

.nav.navbar-nav.navbar-right li a

？或者你也可以给每个标签一个类，用字体颜色给它设计一个标签。如果你将此作为答案发布，我将奖励你这个问题。我不知道为什么这不是更高的评级。OP要求的是链接的文本颜色，而不是背景颜色。是否有任何方法可以使切换按钮也变为蓝色？出于某种原因，其他解决方案都不适合我。只有这一个。谢谢

.nav-link {
color: blue !important;
}

<a class="navbar-brand text-warning" href="/" > Homepage </a>

<a class="dropdown-item text-primary" href="/my-link">Menu Item</a>

<a style="color: #3c6afc" href="#">

.nav-link, .dropdown-item {
    color: blue !important;
}
.nav-link:hover, .dropdown-item:hover {
    color: darkgreen !important;
}

<li><a style = "color:blue" href="#"><span class="glyphicon glyphicon-user"></span> About</a></li>