C＃でjavascriptでメニューを上書きしています

Question

私はC＃を使用して、運転手がスマートフォンで駐車料金を支払うためのウェブサイトを作成しています。私はメニューにいくつか問題があります。私は黒いテキストでメニューを白くしたいし、現在のページは白いテキストで青くする必要がありますが、私はCSSでそうしようとすると全く別のものを得ています：現在のページメニュー項目はまだ白い黒いテキストですそれの後ろには少し青が見えます。誰かが私がこの問題を解決する方法を知っていますか？

マイメニュー項目は、マスターページにあります。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#saldomenu").addClass("currentpage"); 
    }); 
</script> 

そして最後に、私はのCSSファイルにCSSを設定します。

<div id="menu"> 
    <ul> 
     <li id="accountmenu"><a href="PersoonlijkeGegevens.aspx">Mijn account</a></li> 
     <li id="parkeermenu"><a href="Parkeer.aspx">Parkeer</a></li> 
     <li id="saldomenu"><a href="SaldoGegevens.aspx">Mijn saldo</a></li> 
    </ul> 
</div> 

は、私は、各ページにJavaScriptを使用して、現在のページクラスを追加しますマスターページ

#menu ul li a:link, a:visited 
{  
    background:#fff; 
    display:inline-block; 
    padding:5px 10px 6px; 
    color:#000; 
    font-size:16px; 
    text-decoration:none; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.6); 
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6); 
    border-bottom:1px solid rgba(0,0,0,0.25); 
    position:relative; 
    cursor:pointer; 
} 

.currentpage 
{ 
    background:#172c7d; 
    color:#fff;  
} 

ここで間違っていることは本当にわかりません。私は2今正しい答えを得るために数週間。誰かが私にこのことを助けてくれますか？

Answer 1

currentpageクラスをより具体的にする必要があります。あなたの現在のページクラスはli要素にのみ影響し、リンクには影響しませんでした。

#menu ul li.currentpage a:link, #menu ul li.currentpage a:visited 
{ 
    background:#172c7d; 
    color:#fff;  
}