Question

因此，我是一名初学者，尝试为我去的海滩建立一个网站，但是当我尝试更改导航栏上文本的颜色时，它不会显示。

我已经尝试过更改标识符，并且还使用其他格式。

这是我要在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软件在网站上预览图像时，颜色不会改变...请帮助！

Answer 1

你可以这样

  <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;
  }

注意：如果这不是正确的解决方案，则可能需要提供更多代码示例让我们了解您的HTML中.colorMe的位置

Answer 2

好吧，您没有向我们展示的元素被分配了“ colorMe”类。

如果有，则要确保将其放置在实际的<a>标记上。如果这不起作用，那么问题是引导程序方面继承了更强的继承权。您可以使用！important或类似的方法来覆盖它，

ul > li > a.colorMe

Answer 3

height: 0

我已经看到您使用了两个不好的class属性。它只能是一个。请记住，在处理引导程序组件时，应在CSS值中添加！important以覆盖引导程序值。并且您应该在引导css文件之后链接css文件。这样您的CSS文件将是最后一个层叠文件。

颜色在Bootstrap导航栏上不会更改

3 个答案: