はCSS

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>

私はそれが実行されていない理由は分からない中でのnav要素の背景色プロパティを変更することはできませんので、任意の助けもいただければ幸い！

Answer 1

あなたのCSSは動作します。「Run Code Snippet」をクリックすると、スタックオーバーフローでも機能します。このルールを上書きしているページにはおそらく他のCSSがあります。

Answer 2

ブートストラップまたは他のCSSライブラリを使用している場合、他のCSSが重複している可能性があります。 Firebugまたは他のブラウザのWeb開発ツールを使用して、どのCSSルールが有効になっているか調べてください。

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

は、次の3つのクラスのいずれかが影響を取っている背景のルールを持っているので、可能なナビゲーションのための3つのクラスを宣言している、そのような類似してみます。

Answer 3

あなたのCSSはうまく動作します。私はあなたがブートストラップを使用していると信じています。ブラウザーに関連した問題かもしれません。