jquery - 将 css 属性添加到 jquery 元素有不同的结果 - 类与 css() 方法

Question

对于我的网站，我将导航菜单的选定名称保存在一个 cookie 中，在回发后我读取了 cookie，然后将背景图像应用到该选定的菜单项(使用与悬停相同的图像)。

我为“选定的”菜单项创建了一个类:

.selected
 {
color: Green;
height: 40px;
background: url(images/menu_hover.jpg) bottom no-repeat; 
 }

当我在回发后检查 cookie 时，我想应用这个类:

$("#" + $.cookie(cookieName)).addClass("selected");

它似乎只应用背景图像，不颜色或高度。为了让颜色和高度正常工作，我必须使用 .css() 方法显式设置它们:

$("#" + $.cookie(cookieName)).css({ 'color': "green" });
$("#" + $.cookie(cookieName)).css({ 'height': "40px" });

只是好奇是否有人知道为什么会发生这种情况？

Answer 1

在我看来这像是一个 css 特异性问题——您可能在别处使用更具体的选择器定义了 color 和 height。