jQueryのCSSルールを無効にする

htmlテンプレートの中に小さなウェブを置く必要があります。 htmlテンプレートには独自のcssルールがあります。親CSSルールの一つは以下の通りです：jQueryのCSSルールを無効にする

* { 
    font-family: 'Open Sans', sans-serif!important; 
    color: #8c8c8c; 
    letter-spacing: -0.4em!important; 
}

私はそのCSSファイルを管理していないので、私はそれがロードされるときの3つのルールをプログラムすることを中和する/削除する必要があります。それを行う方法はありますかjqueryでどうすればいいですか？

私は成功せず、これを試してみてください。事前

2017-11-07 Paul

あなたはいつでもインラインCSSを適用できます。これは、指定されたCSSを上書きします。 – lakshay

$（ ''）.appendTo（ 'body'）;そのトリックを行います。 –

あなたがコントロールするスタイルシートでそれらを上書きしないのはなぜですか？ jqueryを使用することで、文字通りすべての要素にインラインスタイルを適用するので、パフォーマンスが非常に悪くなります – Pete

-2

使用jQueryので

$('*').css('font-family', ''); 
$('*').css('color', ''); 
$('*').css('letter-spacing', '');

おかげでスタイルルールを追加する（すでにコメントに規定する）あなたはinitialに上書きする各スタイルを設定します

2017-11-07 13:54:37

-2

あなたのCSSファイルには!importantがあるので、このようなことを試してください。

$('.someclass').each(function() { 
     this.style.setProperty('font-family', 'serif', 'important'); 
    });

2017-11-07 13:55:48

ルールの値を明示的に設定しないでください。デフォルトでは、ブラウザのユーザースタイルシートによって異なる値が設定される可能性があります。代わりにブラウザのデフォルトを常に選択するために 'initial'を使用する方が良い –

答えて