オーバーライドブートストラップCSS

Question

私はTwitter-Bootstrapのnav pillを使用しています。特定の画面解像度では、明らかな理由がなくても丸薬が押し下げられます。 Firebugを使用しているとき、.nav-ピルからディスプレイ：tableを削除すると、問題はなくなります。私は自分の.cssファイルの中のテーブルをオーバーライドしようとしました：しかし、これまでFirefoxは常にオーバーライドの試みを別のスタイルとして見ています。

これは、問題の例です。私は、これが問題を処理する最善の方法ではないことを知っていますが、問題を実証する最善の方法のように見えます。事前に

おかげで、

ブートストラップCSS：

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after 
{ 
    content: ""; 
    display: table; 
} 

マイCSS：

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after 
{ 
    display:block !important; 
} 

CSS結果： Firefoxは、別のスタイルの両方のCSS文を認識するように見える、私のディスプレイスタイルはブートストラップスタイルをオーバーライドする必要があります。

Answer 1

あなたがChromeで要素を調べる場合は、その要素に適用されるCSSセレクタは、メディアクエリに属している場合、あなたが見ることができます。

ブートストラップのダウンロードを設定したとき、[対応]セクションのオプションを確認しましたか？

問題は、メディアクエリのcssセレクタが独自のcss-selectorをオーバーライドしていることです。