我想创建一个带有白色背景和黑色文本的导航栏,但是无法将导航栏中的链接中的文本变为白色.
我尝试过的事情:
- 将类"black-text"添加到li标签,ul标签,周围的div和nav标签
- 在我的application.scss文件中为每个li标签定义一个类.
- 添加li,nav,a {color:black; 到我的application.scss文件
这是导航栏的html:
<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>我知道实例变量的意思是状态,而常量意味着不变.是否有任何理由(除了惯例)使用常量而不是实例变量？使用常量是否有内存/速度优势？