JavaScriptからインラインCSSをオーバーライドする方法は？

Question

JavaScriptを使用してインラインCSSをオーバーライドできますか？ とIE6互換。

私はこの純粋なCSSソリューションを見つけましたが、IEでは動作しません。

http://nataliejost.com/override-inline-styles-from-the-stylesheet/

http://www.sitepoint.com/blogs/2009/05/27/override-inline-css/

<div class="block"> 
    <span style="font-weight: bold; color: red;">Hello World</span> 
</div> 

我々は

.block span[style]{ 
    font-weight: normal !important; 
    color: #000 !important; 
} 

この溶液でIE6を除くすべての主要なブラウザでこのソリューションの作業をこのインラインスタイルを上書きすることができます。たとえば次のようなHTML持っているのであればhttp://docs.jquery.com/CSS/css#namevalue

：

<p style="color:red;">A colored text</p> 

をあなたはjQueryの中で次の作業を実行して、色を変更することができますが、jQueryのCSS（）メソッドを使用してすることができます。もちろん、

Answer 1

：

$("p").css("color","blue"); 

IE6で動作します。

Answer 2

!importantはIE6で動作しますが、セレクタspan[style]は選択できません。属性セレクタはサポートされていません。オーバーライドするスパンを選択する別のセレクタが見つかった場合、正常に動作します。おそらくちょうど.block spanで十分でしょうか？あなたが絶対に持っている場合

そうでない場合は、はい、あなたは、JavaScriptからそれを変更することができます（あなたがマークアップを制御することはできません？）：

span.style.fontWeight= 'normal'; 
span.style.color= 'black';