Bootstrap。無法更改導航欄鏈接顏色。即使ID

我想嘗試我的引導程序導航欄，但我無法更改鏈接的顏色。我讀過bootstrap.css可能會覆蓋我的自定義css文件，所以我使用ID #menu_buttons優先考慮整個ul。但字體顏色仍然不會改變，但我可以使用應用於此ID的字體大小更改其大小。我也試着用.navbar-default .navbar-nav> li> a改變它，但仍然不起作用。我究竟做錯了什麼？Bootstrap。無法更改導航欄鏈接顏色。即使ID

HTML：

<!DOCTYPE html> 
<head> 
    <title>Restart</title> 
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> 
    <link rel="stylesheet" href="css/style.css" type="text/css"> 


</head> 
<body> 
<nav class="navbar navbar-inverse"> 
<div class="container-fluid"> 
<div class="navbar-header"> 
    <a class="navbar-brand" href="#"><img src="logo.png" height="40"</a> 
    </div> 
    <ul id="menu_buttons" class="nav navbar-nav navbar-right"> 
    <li><a href="#"><span class="glyphicon glyphicon-user"></span> Регистрация</a></li> 
    <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Войти</a>  </li> 
    </ul> 
    </div> 
</nav> 
<script src="js/bootstrap.min.js"></script> 
    </body> 
    </html>

CSS：

.navbar { 
background-color:#f3f9fe; 

} 

.navbar-brand { 
margin-top:-8px; 
} 


#menu_buttons { 
color:red; 
} 

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

來源

2016-10-24 Igor Schekotihin

你成功了！重要 – Araz

請提供工作示例和代碼 –

像這樣#menu_buttons {color：red！important} – Araz

變化：

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

這樣：

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

來源

2016-10-24 06:34:00 danny3b

工作，謝謝。但是，爲什麼它不適用於ID？這個元素不是最優先的嗎？ –

這會工作，如果你把它放在'#menu_buttons> li> a' – danny3b

Bootstrap。無法更改導航欄鏈接顏色。即使ID

回答

相關問題