2016-08-31 11 views
0

ホームページのバナーを作成しました。応答モードでいくつかのHTML要素を非表示にしたいとします。私はクロームブラウザでそれを実行し、私は問題がある。これは別のCSSクラスによってブロックされたCSSプロパティです。私はこのCSSクラスがどこにあるのか理解できません。誰でも私に解決策を教えてくれる?私はCheslabに同意CSSプロパティがブロックされました

CSS Inspect Element Image

+0

'element.style {}'はインラインスタイルを意味します。おそらくJSはそれを追加しました。この場合、jsはCSSファイル – Cheslab

+0

に書いたものを常に上書きするため、CSSではなくjsコードを掘り起こす必要があります。*インラインCSS *、レスキューCSS *常に*あなたの*カスタムCSS *をいつも最後に、またはあなたの*プラグインCSSの*の後に含めて、ルック・アンド・フィールを簡単にカスタマイズ/変更することを覚えておいてください。 – vivekkupadhyay

+0

@vivekkupadhyay:あなたの応答に感謝するが、私は明確に理解していない私のカスタムCSSについては常に最後にまたはすべての後に簡単にカスタマイズする/あなたのルックアンドフィールを変更するCSSの?あなたは私に簡単に返答することができますか? –

答えて

-2

は、私はこれはジャバスクリプトから生じたインラインスタイルだと思います。

cssにviewportプロパティを指定すると、コンソールのスタイルセクションの右上のソースが表示されます。

任意のCSSファイルに入れてみてください:

img.imgSGHN {display:none;} 

このdoensn'tが変更を加えた場合、あなたが追加することにより、インラインスタイルを上書きすることができるはずです(推奨されません)、カスタムスタイルで「重要!」 。

img.imgSGHN {display:none!important;} 

は、.imgSGHN要素を取り除きます。

この問題にアプローチする最も良い方法は、インラインCSSスタイルを作成し、その動作を変更するスクリプトを見つけることです。単に "display:"プロパティをオーバーライドしないようにするだけです。

+0

あなたの解決に感謝非常に多く...それは働いています;) –

+0

誰もが '!important'を恐ろしいものとして使用することを奨励していません。そのイントネイルCSS *、その別の* CSS *応答するCSS *をオーバーライドします。 – vivekkupadhyay

+0

インラインCSSで画像を添付することができます。 &インラインCSSが表示プロパティをオーバーライドしない場合は、 "!important"は必要ありません。あなたが好きなものをすべてダウンボートしますが、あなたの解決策は何ですか? –

関連する問題