jquery CSSの変更がインラインCSSに対して機能しない

Question

何らかの理由で、私が使用しているWordPressのテーマがインラインでインラインでCSSを注入しています。私はjQueryを使ってCSSを試してみようと思います。コンソールを使用すると、一度動作した後、擬似a:hoverセレクタをホバリングした後にインラインに戻ります。また、テーマにコードを追加すると、まったく動作しません。何か案は？

jQuery(document).ready(function() { 
    console.log("ready!"); 
    jQuery('.et_pb_widget_area .et_pb_widget a').css({"color":"#0099cc"}); 
}); 

私はかなりjQueryを新しくしていますが、私はまだ構文がわからないので、答えを見つけることができません。とき、文書が最初にロードjQueryの色がリセットされますが、それぞれの要素がホバーされた場合でも、後に、jQueryのcolor#0099ccとして維持するだけでなく、このような

Answer 1

何かを確認する必要があります：

jQuery(document).ready(function(){ 

    jQuery('.et_pb_widget_area .et_pb_widget a').css({"color":"#0099cc"}); 

    jQuery('.et_pb_widget_area .et_pb_widget a').hover(function(){ 
     jQuery(this).css({"color":"#0099cc"}); 
    }); 

});