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

Question

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

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

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

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

Answer 1

使用jQueryので

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

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

Answer 2

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

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