HTML导航栏颜色

Question

这可能是一个愚蠢的问题。但是我真的可以使用一些帮助。

因此，我知道在HTML中使用navbar-inverse可以更改导航栏的颜色。

但是我不确定如何更改文本的颜色。我需要在CSS上写些什么？

Answer 1

如果希望在线查看有效的解决方案，只需添加：

 style="color: white;" 

进入您的导航课。

例如

 <nav class="navbar navbar-inverse" style="color: white;">
 Test.
 </nav>

或者，在单独的CSS文件中，您可以为类指定颜色。如：

.nav-color-change{
color: white;
}

然后在导航栏类中使用“ nav-color-change”类。

例如

<nav class="navbar navbar-inverse nav-color-change">
Test
</nav>

如果您希望此方法也仅适用于链接，只需将CSS类修改为以下内容：

.nav-color-change ul li a{
color: white;
}

.nav-color-change ul li a:hover{
color: grey;
}

要在示例中查看此内容，请将HTML也更改为：

<nav class="navbar navbar-inverse nav-color-change">
<ul>
<li>
<a>Test 1</a>
</li>
<li>
<a>Test 2</a>
</li>
</ul>
</nav>

请记住要链接到标签中的替代CSS文件。因此，如果您将css文件称为“ test-style.css”，则必须编写：

 <link rel="stylesheet" href="link/to/path/css/test-style.css">

“链接/到/路径”将您带到您将在其中找到CSS的文件夹。