不能更改導航欄中的字體顏色

-1

我似乎無法更改導航欄中的字體顏色，導航欄css中的其他元素可以使用，但出於某種原因不能使用字體顏色。我試圖改變這個類，但是接下來我的其他元素不能工作。我似乎無法找到問題，雖然這是我第一次使用bootstrap。不能更改導航欄中的字體顏色

CSS

.navbar { 
background-color: white; 
border: none; 
color: #0000; 

} 

.navbar-brand { 
font-size: 50px; 

}

HTML

<head> 
<title></title> 
<meta charset="utf=8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="css/main.css"> 

</head> 
<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
     <div class="navbar=header"> 
      <a class="navbar-brand" href="#">TRAVELLING</a> 
     </div> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#">home</a></li> 
       <li><a href="#">about</a></li> 
       <li><a href="#">contact</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> 
</script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> 
</script> 

</body> 
</html>

來源

2017-08-15 user3444694

'顏色：＃0000;'==>'顏色：＃000;' –

我同意@AlonEitan你也可以使用'color：＃000 important！'來強制效果。 – Rahel

我明白你的意思，但仍然沒有爲我工作，使用重要！，仍然沒有工作。我試着把紅色仍然沒有改變字體顏色。 – user3444694

.navbar { 
 
background-color: white; 
 
border: none; 
 
color: #000; 
 
} 
 

 
.navbar .navbar-nav li > a{ 
 
    color: orange !important; 
 
} 
 

 
.navbar .navbar-brand { 
 
font-size: 50px; 
 
color: blue !important; 
 
}

<head> 
 
<title></title> 
 
<meta charset="utf=8"> 
 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
 
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<link rel="stylesheet" type="text/css" href="css/main.css"> 
 

 
</head> 
 
<nav class="navbar navbar-default"> 
 
    <div class="container-fluid"> 
 
     <div class="navbar-header"> 
 
      <a class="navbar-brand" href="#">TRAVELLING</a> 
 
     </div> 
 
     <ul class="nav navbar-nav navbar-right"> 
 
      <li><a href="#">home</a></li> 
 
      <li><a href="#">about</a></li> 
 
      <li><a href="#">contact</a></li> 
 
     </ul> 
 
    </div> 
 
</nav> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> 
 
</script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"> 
 
</script> 
 

 
</body> 
 
</html>

來源

2017-08-15 04:27:41 Muhammad

謝謝。這對我有效。所以你必須使用獨立的類來更改導航欄中的字體？ – user3444694

-1

您可以通過用戶的navbar逆代替導航欄默認。如果想讓自己的顏色只讀出css樣式表中導航欄的css屬性。

來源

2017-08-15 03:50:26

儘管如此，這並沒有回答上述代碼不起作用的問題。 –

您已爲顏色屬性分配了錯誤的值。它應該是3或6位像color: #000或color: #000000

CSS

.navbar { 
background-color: white; 
border: none; 
/*color: #0000;*/ color: #000; 

} 
.navbar ul li > a{ 
color: #f00; 
}

來源

2017-08-15 03:52:26 bellabelle

我看到了，但嘗試了所有，但仍然沒有幫助，甚至使用只是用過的詞沒有工作。 – user3444694

@ user3444694你的意思是改變你的導航欄顏色ul li a？或導航欄中的所有鏈接？ – bellabelle

你可以使用這個.navbar ul li a {color：＃f00; }或.navbar ul li> a {color：＃f00; } – bellabelle

你也可以要改變使用內聯CSS在你的導航欄。嘗試這樣的事情

<nav class="navbar navbar-default" style="background-color:white;border:none;color:#000;">

來源

2017-08-15 04:03:29

每次你想改變一些風格時，這不是上帝的做法。最終，HTML將成爲一大堆混搭標記和風格的混合體。 –

我同意。但有時候，當懶惰襲擊時你必須做這樣的事情。大聲笑 –

代碼

.navbar { 
background-color: white; 
border: none; 
color: black; 
} 

.navbar-brand { 
font-size: 50px; 
} 
.navbar a{ 
color:red; 
} 
.navbar li a{ 
color:red; 
}

來源

2017-08-15 04:07:52 Dom

嘗試類似：

.navbar { 
    background-color: white !important; 
    border: none; 
} 

.navbar-brand { 
    font-size: 50px; 
} 

.navbar *{ 
    color: #000 !important; // should set font color for element contain text 
}

來源

2017-08-15 04:21:28 Wiz

不能更改導航欄中的字體顏色

回答

相關問題