Comment ajouter une règle: hover dans la fonction js?

Question

J'ai modifié une galerie de diapositives jQuery pour mon site Web. Et je veux ajouter .nav li a:hover{color:#00f;} en CSS, mais cela n'a pas fonctionné. Je l'ai vérifié dans firebug, la règle css est barrée. Je trouve quelque chose dans le dossier de l'office de diapositive jquery, comme ceci:

function init(){ 
    g.find(".nav").children("li").css("margin","0").css("padding","5px"); 
    g.find(".nav").children("li").children("a").css("text-decoration","none").css("display","block"); 
} 

Est-il devrait être ajouter l'a: hover règle CSS dans les fichiers js? Comment l'ajouter? Merci.

Answer 1

Vous pouvez le faire en JS avec

g.find(".nav").children("li").children("a").hover(
    function() { 
     $(this).css('color', '#00f'); 
    }, 
    function() { 
     $(this).css('color', '#000'); 
    } 
); 

Vous pouvez également modifier le plugin stylesheet de sorte que vous n'auriez pas à la remplacer.

Answer 2

Il devient un bordel après un certain temps, mais vous pouvez donner la priorité aux directives CSS par rapport aux directives suivantes en utilisant !important.

.nav li a:hover{ color:#00f !important; } 

Depuis que vous mentionnez la propriété étant rayé dans firebug, je soupçonne que c'est votre problème.