jquery - 使用 jquery css() 函数更改 'a' 属性也会更改 a:hover,a:acive,a:focus 属性

Question

我最初使用 css 对链接进行样式设置（也是不同的状态），然后我使用 jquery css() 函数更改标签的 css 属性。问题是 - css() 函数似乎不仅影响 a ，而且影响它所声明的所有内容。
这意味着写“a”对应于“a”的所有状态。所以我们需要写一些类似于 a:link 的东西，并且只改变 'a:link' 而不是 'a'。

如何使用 jquery 编写此代码。

编码我正在做的事情：
CSS：

#topics_nav a {
    color:#000; 
}
#topics_nav a:visited{
    color:#c00;
}
#topics_nav a:hover,a:active,a:focus{
    color:#FFF;
}

jQuery：

$("document").ready(function(e) {
    $('#topics_nav a').css('color','#300');
});

此 jQuery 将所有状态的颜色更改为#300.

我不想只更改链接状态，也不想修改任何其他状态。以下解决方案提供了一种仅影响悬停（或任何其他）状态的方法，但是否有任何其他方法而不是添加/删除类。

有一个解决方案可以定义一些所需的类（类，如class1:hover），而不是更改 css，我们可以更改类。
但是呢:link？

Answer 1

#topics_nav a {
    color:#000; 
}
#topics_nav a:visited{
    color:#c00;
}
#topics_nav a:hover,a:active,a:focus{
    color:#FFF;
}
.myclass:hover {
    color: #300;
}


$("document").ready(function() {
    $('#topics_nav a').addClass('myclass');
});

我认为这是一种更好的方法。让 CSS 像这样设置元素的样式。

Answer 2

也许是因为您的代码不正确？

原始代码

$('#topics_nav' a).css('color','#300');

正确的代码

$('#topics_nav a').css('color','#300');

Answer 3

使用此代码。它可以帮助你

$("document").ready(function(e) {
       $('#topics_nav a').hover(function(){
       $(this).css('color','#300');
  });
});