使用 JS 和 CSS 更改打开的链接颜色

Question

美好的一天，我想更改打开的链接颜色。这是我的代码：

CSS

a {color: #fff; font-size: 19px; padding-right:25px;    
 }     
a:link {color: #fff;            
 }     
a:visited {
 }     
 a:hover {  color: #000;     

}     
 a:active { color: #000;
}     

.active {color:#000;}

JS

$(document).ready(function(){
       $("a.nav1").click(function () {
          // switch all tabs off
          $(".active").removeClass("active");
          // switch this tab on
          $(this).addClass("active");
       });
    });

链接示例

<li><a class="nav1" data-tab="#home" id="link-home"href="#home">Home</a></li>

这项工作，但padding-right:25px; 重新组织我的幻灯片。我需要和#navigation一起使用它

#navigation a {color: #fff; font-size: 19px;     padding-right:25px;    
 }     
#navigation a:link {color: #fff;            
 }     
#navigation a:visited {
 }     
#navigation a:hover {   color: #000;     

}     
#navigation a:active {  color: #000;
}     

.active {color:#000;}

但是当我使用#navigation JS 脚本时，不要将打开的链接颜色更改为黑色。如果我错过了#navigation a 并且只使用#navigation a link, ... 链接的默认颜色是紫色（#navigation a:link 中没有定义颜色）。

我尝试用

更改打开的链接颜色

 .currentLink {
       color: #640200;
       background-color: #000000;
    }

它不起作用。

Answer 1

尝试改变

#navigation a:active { color: #000; }

到

#navigation a.active { color: #000; }