2014-04-17 125 views
0

美好的一天,我想改變打開的鏈接顏色。這裏是我的代碼:更改JS&CSS打開鏈接顏色

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> 

這項工作b ut 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; 
    } 

它不工作。

+0

你能試着改寫你正在嘗試做什麼? – Ben

+0

'$(「#navigation li a」)。click(function(){$(this).addClass(「active」)。siblings('li a')。removeClass(「active」);});' – mdesdev

+0

那麼,代碼中的'#navigation'是什麼/哪裏? –

回答

0

嘗試更改

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

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

+0

它與a.active一起使用。那謝謝啦 。 – user3546336