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; }

用JS＆amp;更改打开的链接颜色CSS

1 个答案: