使用Materialize CSS（rails）更改导航条上的文本颜色
我想创建一个带有白色背景和黑色文本的navbar，但一直无法得到navbar内的链接中的文本是任何东西，但白色。
我尝试过的操作:
-将类“black-text”添加到li标记、ul标记、周围的div和nav标记
-在我的application.scss文件中为每个li标记定义一个类。
-将li、nav、a{color：black；}添加到我的application.scss文件中
下面是NAVBAR的html：
null
<header class="nav">
<nav>
<div class="nav-wrapper white">
<a href="/" class="brand-logo black-text">GlobalPursuit</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><%= link_to "Pursuits", pursuits_path %></li>
<li><%= join_dashboard_path %></li>
<li><%= login_logout_path %></li>
<li><%= trips_cart_display %></li>
</ul>
</div>
</nav>
</header>null
共有1个答案
用rails试试这个，我为我工作过，所以如果你修改样式。请参阅全文。
null
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.2/js/materialize.min.js"></script>
<style>
nav ul li a{
color: black;
}
</style>
</head>
<body>
<header class="top-nav">
<div class="navbar-fixed">
<nav>
<div class="nav-wrapper white black-text">
<a href="#!" class="brand-logo">Logo</a>
<ul class="right hide-on-med-and-down">
<li><a href="sass.html">Sass</a></li>
<li><a href="badges.html">Components</a></li>
<li class="active"><a href="collapsible.html">JavaScript</a></li>
</ul>
</div>
</nav>
</div>
</header>
<main></main>
<footer></footer>
</body>
</html>-
我正在使用bootstrap制作一个带有bootstrap的网站，这时我遇到了一个小问题。我试图改变我的导航栏（药丸）中文本的颜色： HTML: CSS: （这段代码解决了我的问题，但我有以下几个问题。） 我想知道为什么在CSS中我必须引用。nav类（为什么不只是.nav），以及为什么我必须引用a（链接标记）才能更改文本的颜色。（当我尝试将a（链接标记）更改为li（列表标记）时，文本的颜色没有更改
-
我现在有一段html，它代表我的导航栏的相关部分： 我有一个css，我希望用它来改变导航栏的文本颜色： 唯一的问题是文本颜色保持不变。我还看到一个非常相似的问题没有解决。我打赌谁能解决这个问题，谁就能解决另一个问题。
-
问题内容： 我正在尝试更改导航器栏的颜色，但是我发现只有导航器是根导航器，这才是不可能的。 我正在尝试： 我所有与导航器控制器有关。但是什么都没有改变。实际上，我试图从情节提要中进行相同的操作，但只有在我处于第一个导航器中时，它才有效。 我试图阅读与此问题有关的所有内容，但一无所获 我可以像这样将任何项目添加到导航栏 问题答案： 实际上，我发现该解决方案将用于： 然后在每个视图控制器中，我们需要另
-
编辑：我使用的不是第三方库，而是支持库中提供的NavigationView。下面是XML布局：
-
在我的应用程序中，我需要更改底部导航栏的颜色。我看了很多帖子，但没有找到解决办法。我正在使用appCompat库。 v21/样式。xml
-
我对HTML和CSS没有太多的经验。我有一个页面滚动pagepiling.js的网站。我想让我的logo图像和nav文本的颜色在我滚动到下一节时改变，但只是logo和nav中“越过”下一节的部分需要改变（对不起，我的英语没那么好。不知道怎么解释这个）。这意味着当标志和导航文本达到灰色部分，他们必须成为一个不同的颜色像红色或什么的。看看我在CodePen上找到的这段代码，在灰色部分仍然滚动的部分是黑