css样式表比jquery addClass强吗？

Question

嘿家伙这件事让我抓狂.我在样式表中定义:

ul#menuCnt li a {
   color:"red";
}

如果我想制作悬停效果,使用jquery这不会改变任何颜色.

$("ul#menuCnt li a").hover(function() {
        $(this).addClass("brown");
    }, function() {
        $(this).removeClass("brown");
    });

我真的很困惑.如果我没有在我的css样式表中定义颜色,那么hovereffect会起作用.

希望您能够帮助我.你们通过学习jquery和css来帮助我这么多:)

谢谢!

Answer 1

根据css优先级,如果您的类.brown在您的css文件中定义如下:

.brown{}

里面的规则不会覆盖#select中的相同规则.

您可以使用!important关键字覆盖它们.

.brown {
    color: brown !important;
}

尽管这不是最好的解决方案,但它会起作用......你使用的越少!重要的是,你的代码越容易阅读.