jquery CSS-Änderung funktioniert nicht gegen Inline-CSS

Question

Aus irgendeinem Grund ist das WordPress-Theme, das ich verwende, inline CSS ohne Quelle. Ich denke, ich versuche und ändern Sie die CSS mit jQuery. Wenn ich die Konsole verwende, funktioniert sie einmal und geht dann wieder zum Inline-Modus, nachdem ich den Mauszeiger über den Pseudo-Selektor a:hover gehalten habe. Wenn ich den Code zum Thema hinzufüge, funktioniert es überhaupt nicht. Irgendwelche Ideen?

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

Ich bin ziemlich neu in jQuery, aber ich kann keine Antwort finden, denn ich bin noch nicht sicher, ob die Syntax.

Answer 1

So etwas sollte sicherstellen, dass nicht nur jQuery die Farbe zurückgesetzt, wenn das Dokument zum ersten Mal geladen, aber später, auch wenn die entsprechenden Elemente schwebt über, wird beibehalten jQuery die color als #0099cc:

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"}); 
    }); 

});