爲什麼我的導航欄鏈接的顏色不會變化

因此，這是我現在擁有的HTML。我正在嘗試更改導航欄中的特定鏈接。「font-family」，「line-height」和「font-size」都適用，但鏈接的顏色不會改變。爲什麼我的導航欄鏈接的顏色不會變化

<nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a href="#" class="navbar-left"><img src="resources/assets/yf_logo.svg"></a> 
     </div> 
     <div class="collapse navbar-collapse" id="myNavbar"> 
      <ul class="nav navbar-nav navbar-right"> 
      <li class="active"><a href="#">Home</a></li> 
      <li class="dropdown"> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#">Programs</a> 
       <ul class="dropdown-menu"> 
       <li><a href="#">Shelter</a></li> 
       <li><a href="#">Drop-ins</a></li> 
       <li><a href="#">Street Outreach</a></li> 
       <li><a href="#">Community Partners</a></li> 
       <li><a href="#">FAQ</a></li> 
       </ul> 
      </li> 
      <li class="textstyle16"><a href="#">Get Involved</a></li> 
      <li class="textstyle16"><a href="#">About</a></li> 
      <li class="textstyle16"><a href="#">Contact</a></li> 
      <li class="textstyle18"><a href="#">Donate</a></li> 
      </ul> 
     </div> 
     </div> 
    </nav>

這是我的第一個CSS

.textstyle16 { 
font-family:"montserrat-regular"; 
font-size:18px; 
line-height:21px; 
color:#474747;

這裏是我的第二個CSS

.textstyle18 { 
font-family:"montserrat-regular"; 
font-size:18px; 
line-height:21px; 
color:#ffffff; 
    }

來源

2017-03-07 smithky3

沒有字體：#fffff;選項 – sTx

您需要使用.textstyle16 a或.textstyle16 a:link作爲選擇器。這些鏈接是子元素的.textstyle16元素，它們本身沒有該類，並且在瀏覽器默認樣式中有a標記的顏色聲明，如果您不使用這些選擇器，則適用這些標記。

來源

2017-03-07 18:13:42 Johannes

它可能是被你的代碼的其他地方覆蓋。將!important添加到顏色定義。如果這改變了顏色，那麼是的，它會被覆蓋在你的風格中。

右鍵單擊鏈接並在Google Chrome或Firefox中「檢查」鏈接。您將能夠看到哪些樣式正在專門應用於鏈接。

例子：

來源

2017-03-07 18:07:33

您需要使用color:（不font:）。

來源

2017-03-07 18:09:08 Rounin

爲什麼我的導航欄鏈接的顏色不會變化

回答

相關問題