2012-02-18 15 views
1

JQueryを使用してコード内にコードを挿入するコードを実行しています。しかし、私が入力した一部のページでそれを修正すると、重要な属性をすべて入れて、それらを重要なものとして定義していますが、すべての属性をすべてのタグに入れることは不可能です。div内のCSSインタラクションを防止する

誰かがdiv内の他のすべてのCSSを無効にする方法を知っていますか?

解決策私は考えます: 私は解決策を見つけましたが、私はそれを使いたくありません。あなたは多くの!importantのことを使用している場合は、その私はそのコードを使用した後にコードを注入していながら、私は私のCSSとのコードを排除し、Webページから元のコードを適用し、ページから

おかげ

+0

私はいくつかのコードが必要ですが、率直に言って...あなたが何を話しているのか分かりません。 – Purag

+0

Cssのコードが必要ですか?またはJS? – Edig

答えて

1

すべてを上書きすると、すべてのページで通常のCSSルールで動作します。あなたが望んでいたものではなく、の解決策です。

CSS

#myInsertDiv { 
    color: blue; 
    padding: 0; 
    margin: 0; 
    background: white; 
    border: 0px; 
    /* etc you have to restyle EVERY possible value */ 
} 

HTML<div id="myInsertDiv"></div>

主な問題は、あなたがすべての属性をスタイル、およびデフォルト値に他のすべてをリセットする必要があります。

また、すべてのスタイル情報をdivのstyle属性に挿入することもできますが、おそらくそれも間違っている可能性があります。

+0

ありがとう私はそれをスペクト:Sそれは私に時間の割当てを与えるでしょう – Edig

2

をアルCSSをなくしますあなたはそれを間違っている。
この問題を解決するには、CSSを正しく整理する必要があります。重要なものは、以前にスタイルされたものを上書きするため、最後になります。セレクタも賢明に使用してください。例:

<a class="link">Link</a> 

a:link { color: red; } 
. 
. 
. 
.link { color: green !important; } // Nop 

a.link { color: green; } // Yup 
+0

ああ、問題は、私は以前のスタイルのコントロールを持っていない、私はそれらを知らないページにコードを注入している – Edig

+0

だからあなたはdevtoolsまたはそのようなものでデバッグ 'のCSSですか? – elclanrs

+0

これはブックマークで実行されるスクリプトなので、複雑です。ブックマークとして保存して実行します。しかし、あなたがgoogle.comでそれを実行する場合、Googleはいくつかのスタイルに影響を与えます。しかし、あなたがFacebookでそれを実行する場合、それは異なる影響を受けます – Edig

0

私はあなたが右のあなたはjQueryのでセレクタについてこの$('.Myclass').css('color','#ff0000')

そして、より多くのようなものを使用して、ページ(ハァッ)のいずれかの要素にCSSプロパティを変更するためにjQueryを使用することができました場合 - http://api.jquery.com/category/selectors/

関連する問題