Question

<script>
            $(document).ready(function(){
            $("#dicks1").click(
                function(){
                $("header ul li").css("color", "#fff");
                $("#dicks1").css("color", "#ce0000");
            });
            $("#dicks2").click(
                function(){
                $("header ul li").css("color", "#fff");
                $("#dicks2").css("color", "#ce0000");
            });
            $("#dicks3").click(
                function(){
                $("header ul li").css("color", "#fff");
                $("#dicks3").css("color", "#ce0000");
            });

            });
            </script>

我试图这样做，当我点击“li”时它会变成红色并保持红色，除非另一个被点击，但是：hover上的li被移除并且它保持白色而不是转向＃111。

我用.hover尝试了另一个脚本，我尝试了一个if语句，但都失败了。我在这里缺少什么吗？

这是页面：http://web-owl.com/cockslam/

Answer 1

您可以在悬停规则旁边添加!important声明：

li:hover{
    color:#111 !important;
}

这样，它就不会被.css

添加的内联样式覆盖

Jquery：.css颜色覆盖：悬停

1 个答案: