Jquery:.css颜色覆盖：悬停 $（文档）.ready（函数（）{ $（“#dicks1”）。单击( 函数（）{ $（“标题ul li”）.css（“颜色”，“#fff”）； $（“#dicks1”）.css（“颜色”，“#ce0000”）； }); $（“#dicks2”）。单击( 函数（）{ $（“标题ul li”）.css（“颜色”，“#fff”）； $（“#dicks2”）.css（“颜色”，“#ce0000”）； }); $（“#dicks3”）。单击( 函数（）{ $（“标题ul li”）.css（“颜色”，“#fff”）； $（“#dicks3”）.css（“颜色”，“#ce0000”）； }); });

我试图使它成为这样，当我点击一个“li”时，它会变为红色并保持红色，除非点击另一个，但li上的：悬停被删除，它会保持白色而不是变为#111

我用.hover尝试了另一个脚本，并尝试了if语句，但都失败了。这里有我遗漏的东西吗

---

以下是页面：

您可以添加一个

！重要信息

悬停规则旁边的声明：

<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>

---

这样，它就不会被

.css

添加的内联样式覆盖，而不是单击类似的url。您的示例代码中没有任何over states？over states？你是什么意思？你的代码中没有出现

：hover

。你需要阅读css排名。内联css总是会否决样式表规则。如果你添加了一些内联样式，你需要删除它才能使其他css生效。一个原因是最好切换一个类，而不是在样式表中悬停。所以李：当我点击I链接时，hover{color:#111；}被jquery破坏；它使它成为css（“颜色”、“fff”）；天哪，我怎么会这么傻！非常感谢！我完全忘了！重要的。

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