Html 更改引导导航栏中链接的颜色

我的导航栏有以下代码：

 <nav class="navbar navbar-fixed-top" id="my-navbar">
   <div class="container">
       <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
           </button>
           <a href="" class="navbar-brand"><img style ="max-width:100px; margin-top: -7px;" src="images/firma-Edgar-Ayales.png" alt=""></a>
       </div><!--End navbar-header-->  
       <div class="collapse navbar-collapse navbar-right" id="navbar-collapse">
           <ul class="nav navbar-nav">
               <li><a href="#portfolio">Feedback</a>
               <li><a href="#features">Gallery</a>
               <li><a href="#gallery">Features</a>
               <li><a href="#feedback">Faq</a>
               <li><a href="#contact">ContactUs</a>
           </ul>
       </div>
   </div><!-- End container -->

}

我还试着添加！很重要，但我不能去

<nav class="navbar navbar-fixed-top" id="my-navbar">
   <div class="container">
       <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
           </button>
           <a href="" class="navbar-brand"><img style ="max-width:100px; margin-top: -7px;" src="images/firma-Edgar-Ayales.png" alt=""></a>
       </div><!--End navbar-header-->  
       <div class="collapse navbar-collapse navbar-right" id="navbar-collapse">
           <ul class="nav navbar-nav" id="links">
               <li><a href="#portfolio">Feedback</a>
               <li><a href="#features">Gallery</a>
               <li><a href="#gallery">Features</a>
               <li><a href="#feedback">Faq</a>
               <li><a href="#contact">ContactUs</a>
           </ul>
       </div>
   </div><!-- End container -->

---

我刚刚在ul中添加了

id=“links”

，然后用CSS引用了其中的a

CSS:

---

您需要使css更加具体，引导应用的颜色位于

a

上。因此，覆盖规则将是：

.navbar-nav > li >a{
  color:black;
}

要覆盖锚上引导应用的默认规则，请执行以下操作：

a {
  color: #337ab7;
  text-decoration: none;
}

---

这确保此颜色仅应用于锚定，锚定是li的直系后裔，li是

.navbar nav

的直系后裔。为了全局应用（网页中的所有超链接），您还可以通过执行

a{color:black}来覆盖

。您还需要确保在引导后加载css，以便优先于引导。避免使用

！重要的

这将破坏css的任何级联功能，并防止以后进行任何重写。

因此，我需要为要重写的项创建完整路径，这是正确的解释吗？@Pab不，你真的不知道。但是指定一个完整的路径可以确保这个颜色只应用于导航栏nav下li的直接后代。如果你在引导后加载css，你也可以通过

a{color:black}

进行覆盖。

.nav>li>a{
 background: rgba(0,0,0,0.4);
    font-family: "Raleway";
font-size:10pt;
letter-spacing: 3pt;
color: black; 
}

.navbar-nav > li >a{
  color:black;
}

a {
  color: #337ab7;
  text-decoration: none;
}