如何在js函数中添加:hover规则？

Question

我为我的网站修改了一些 jQuery 幻灯片库。我想在css中添加 .nav li a:hover{color:#00f;} ，但它不起作用。我在firebug中检查了它，css规则被划掉了。我在jquery幻灯片厨房的js文件中找到了一些东西，如下所示：

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

是否应该在js文件中添加a:hover css规则？如何添加呢？谢谢。

Answer 1

您可以在 JS 中执行此操作，

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

您还可以修改插件样式表，这样您就不必覆盖它。

Answer 2

一段时间后它会变得一团糟，但是您可以使用 使 CSS 指令优先于后续指令！重要。

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

既然你提到在萤火虫中被划掉的财产，我怀疑这是你的问题。