Question

我为我的网站修改了一些jQuery幻灯片库。我想在css中添加.nav li a:hover{color:#00f;}，但它不起作用。我用萤火虫检查了它，css规则被划掉了。我在jquery slide galley的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

一段时间后它变得一团糟，但你可以使用!important给CSS指令优先于后续指令。

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

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

Answer 2

您可以使用

在JS中执行此操作

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

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

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

2 个答案: