ブートストラップのテーマ要素の色を変更できません。

Question

私は初めてASP.net Webアプリケーションでブートストラップテーマを使用しています。そのため、CSS編集でいくつかの問題がありました。

私はこのブートストラップテンプレートをオンラインで入手しました。私のニーズに対応するために、フッターdivの色を別の色に変更したいと思います。ここでは、コードのhtml

<div class="footer_bottom"> 
     <div class="copy"> 
      <p>Copyright &copy; 2014</p> 
     </div> 
    </div> 

でありますし、ここ

.footer_bottom { 
padding: 2em 0; 
/*background: #7cc4cc;*/ 
background: #5DBCD2; 

}

CSSは基本的に、私は＃7cc4ccから＃5DBCD2へのdivの色を変更したいです。 google chromeでページを実行し、inspect要素オプションを選択すると、コードはおそらく動作しますが、CSSのプロパティバックグラウンドでは次のようになります。＃7cc4ccは行の背景の上にスラッシュされます。＃5DBCD2（スラッシュアウトされません）表示されたdivはまだ＃7cc4ccです。つまり、何らかの理由でテーマのCSSカラープロパティを変更することはできません。どんな助けでも大歓迎です。

あなたはそうのようなあなたの背景色の変更に !importantを追加する必要があるので、ブートストラップCSSを上書きしようとしている

Answer 1

あなたは学ぶことができました約CSS Specificityを読んでたくさんの。 CSSは、ルールの上にルールについてですので、私が起こっていると思うものを、いくつかのルールがあなたの上に適用され得ているということである。この.footer-bottom宣言高いものよりも高い特異性を有し、作る任意のルールについて

.footer_bottom { background: #5DBCD2; } 

チェック。

他の回答の!important解決策は、あなたがしたいことではありません。時間の経過とともに、屋根からあなたの特異性を吹き飛ばすように、これらのことがあなたのお尻であなたを噛んでしまいます。

Answer 2

：ブートストラップスタイルを上書きする

.footer_bottom { 
padding: 2em 0 !important; 
/*background: #7cc4cc;*/ 
background: #5DBCD2 !important; 

Answer 3

使用!important：

.footer_bottom { 
     padding: 2em 0 !important; 
     background: #5DBCD2 !important; 
    }