jquery使用.css()操作标签

Question

我需要将id名称为"nav“的div的字体颜色更改为白色。

我做到了：

$("#nav").css("color","white");

这适用于所有未包含在标记中的文本，但我也需要更改这些内容。

我尝试添加：

$("a").css("color","white");

但这并不管用。我也试过了：

var changeAColor = document.getElementsByTagName("a")
$(changeAColor).css("color","white");

任何想法都很感谢。

Answer 1

$('#nav, #nav a').css('color', 'white');

选择#nav div中的所有直接和间接锚点标记。

$('#nav, #nav > a').css('color', 'white');

选择#nav div中的所有直接锚点标记。

Answer 2

之所以$("#nav").css("color","white");不改变链接的颜色，是因为样式表中设置a标记样式的选择器比应用于div标记的内联样式更具体。如果将以下规则添加到样式表中，您将注意到相同的效果，链接将不会更改：#nav { color: white }

话虽如此，更改所有文本(包括链接)的jQuery语句将是$('#nav, #nav a').css('color', 'white');

我能够重现您的问题的唯一方法是将样式应用于使用important声明的a标记，如：a { color: #0000ff!important; }

这看起来像是胡说八道，但这是我目前所能想到的全部……