このdivの周囲のパディングが消える原因は何ですか？

Devツールでは、GitHubサイトページの複数のdivの.pad15クラスが表示されません。同じCSSが実際のサイトで正常に動作しています。私は、おそらくこれを引き起こしているかもしれないが問題を見つけられなかった2つのファイルの違いを探しました。少々無関係の変更がありましたが、構文がチェックアウトします。この問題は何ですか？このdivの周囲のパディングが消える原因は何ですか？

壊れたのdevのバージョン：http://briligg.github.io/moonwards/index.html#colony

の作業サイトのバージョン：http://moonwards.com/index.html#colony

の両方に適用されるCSSは、ライン上にあるmain.cssの354または357

.pad15 { padding: 15px; }

です

出典

2016-07-02 kim holder

申し訳ありませんが、それは何とか私が見ていないそのクラスの上の行に何らかの形でコピーされたちょっとしたスニペットでした。 Heh ... –

私の推測では、github上のDIVはアフィどこかの詰め物の設定によって覆われています。 !importantを.pad15 cssクラスに追加し、役立つかどうか確認してください。それはあなたがdivの外クラス=「pad15」のGoogleのdevのツールのあなたの例から

出典

2016-07-02 20:07:05

私のコンピュータ上のファイルから読み込んだときと同じことをします。他のCSSファイルは最近変更されていません。さらに悪いことに、重要なものを追加することはできません： - [ –

別のdivを追加します。スタイルはmain.cssによって読み込まれますが、右側には<style><\style>タグ内の実際のページ内にロードされるスタイルがあります。これらのスタイルはmain.cssよりも優先され、.pad15 {padding:15px !important;}を使用して修正されます。

出典

2016-07-02 20:14:55

を持っていることを、私は左に見ることができるように周りに15ピクセルのパディングを持っているしたいDIV外

.pad15 { padding: 15px !important; }

出典

2016-07-02 20:26:03

私は今それをチェックすると

このdivの周囲のパディングが消える原因は何ですか？

答えて