javascript - 使用 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 链接，... 链接的默认颜色是紫色(#navigation a 中没有定义颜色:链接)。

我试图改变打开的链接颜色

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

它不起作用。

Answer 1

尝试改变

#navigation a:active { 颜色:#000; }

到

#navigation a.active { 颜色:#000; }