使用jQuery在CSS类中设置超链接样式

我想使用jQuery

.toggleClass

更改CSS中的超链接颜色属性。我的意思是：

带有[a]（超链接）的CSS类，我想在其中更改颜色

.navigation a { color: black;}

我要更改为的颜色：

.color-change-to-white-text {
   color: white;}

我编写了jQuery，但它不起作用：

$('a.navigation').toggleClass("color-change-to-white-text");

---

有什么方法可以进行这种样式设置吗？

。toggleclass

不会更改类：它会切换类，因此如果您想更改元素的类，可以使用jQuery

$（/*id*/）.attr（“类”，“颜色更改为白色文本”）

。如果您喜欢纯Javascript，可以使用

document.getElementById（/*id*/）.setAttribute（“class”，“颜色更改为白色文本”）。

a.navigation

是错误的选择器-

。navigation a

！！你的css是

.navigation a

，但是你的选择器是

a.navigation

——它们不是一回事。如果您包含HTML，我们可以告诉您哪一个是正确的。这是否回答了您的问题？你的问题是css优先权

.navigation a

优先于

.white

，因此无论是使用jquery还是直接添加类，都将始终使用这些样式。请看这里的示例和链接答案，以了解更多详细信息。你们都是好朋友。我是按照上面写的方式来做的，因为

。导航a

对我也不起作用，不知道为什么。

.toggleClass

在这里很好-否则它将是

.addClass

-你很可能不想使用

.attr（“类”）

在jquery中。OPs问题在于他们正在使用的选择器，而不是他们如何更改类。更正，OPs问题也是由css优先级（选择器错误…）引起的。我使用了

。toggleClass

，因为我想将颜色更改回第四个。这样更容易（这里可能是错误的）。