我需要将id名称为“nav”的div的字体颜色更改为白色。
我做了:
$("#nav").css("color","white");
这适用于未包含在<中的所有文本。 a>标签,但我也需要改变它们。
我尝试添加:
$("a").css("color","white");
但这不起作用。我也尝试过:
var changeAColor = document.getElementsByTagName("a")
$(changeAColor).css("color","white");
任何想法都赞赏。
答案 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中的所有直接锚标记。