时间戳

首页 > 解决方案 > Bootstrap 导航栏上的颜色不会改变

html - Bootstrap 导航栏上的颜色不会改变

问题描述

所以，我是一个初学者，试图为我去的海滩建立一个网站，但是当我尝试更改导航栏上文本的颜色时，它没有显示出来。

我已经尝试过更改标识符并使​​用不同的格式。

这是我试图在我的 HTML 中更改的部分之一：

<ul class="nav navbar-nav">
        <li class="active" class= "colorMe"><a href="aboutUs.html">About Us</a></li>
        <li><a href="members-login.html" class="colorMe">Members</a></li>
          <li><a href= "lifeguard-login.html" class= "colorMe">Lifeguards</a></li>
      </ul>

（顺便说一下，members-login 是一个密码页面）这是 corrospondin HTML 的 CSS：

.colorMe{
    color:darkgreen;
}

因此，当我尝试使用 Brackets 软件拉出网站的预览时，颜色不会改变......请帮助！

标签： htmlcssbootstrap-4

解决方案

你可以这样

  <ul class="nav navbar-nav">
    <li class="active"><a class= "colorMe" href="aboutUs.html">About Us</a></li>
    <li><a href="members-login.html" class="colorMe">Members</a></li>
    <li><a href= "lifeguard-login.html" class= "colorMe">Lifeguards</a></li>
  </ul>

 .colorMe {
    color: darkgreen;
  }

注意：如果这不是正确的解决方案，您可能需要提供更多代码示例，以便我们查看.colorMeHTML 中调用的位置

推荐阅读