jquery用.css()操作标签

时间:2010-03-28 02:18:07

标签: javascript jquery css

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

我做了:

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

这适用于未包含在<中的所有文本。 a>标签,但我也需要改变它们。

我尝试添加:

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

但这不起作用。我也尝试过:

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

任何想法都赞赏。

2 个答案:

答案 0 :(得分:1)

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

话虽这么说,改变所有文本的jQuery语句,包括链接将是$('#nav, #nav a').css('color', 'white');

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

这似乎是在黑暗中拍摄的,但这就是我现在所能想到的......

答案 1 :(得分:1)

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

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

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

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