無法在CSS中更改nav元素的background-color屬性

Question

 nav { background-color: #CC3333; border: 5px solid red; } 

  <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <button type="button" class="btn btn-default navbar-btn">About Me</button> <button type="button" class="btn btn-default navbar-btn">Portfolio</button> <button type="button" class="btn btn-default navbar-btn">Contact Me</button> </div> </nav> 

我不知道為什么它沒有運行，所以任何幫助將不勝感激！

Answer 1

您的CSS可以工作，甚至在您單擊“運行代碼段”時也可以在Stack Overflow的此處工作。 您的頁面上可能還有其他CSS覆蓋了此規則。

Answer 2

如果您使用的是Bootstrap或任何其他CSS庫，則可能是其他CSS重疊。 請使用Firebug或其他瀏覽器網絡開發人員工具來確定哪個CSS規則正在生效。

.navbar-default{
    background-color: #ff0000;}

嘗試類似的操作，您已為nav聲明了三類，因此可能三類之一對生效的背景有規則。

Answer 3

您的CSS可以正常工作。 我相信您正在使用Bootstrap。 可能是與瀏覽器有關的問題。