在C＃中用JavaScript覆蓋菜單css＃

我正在使用C＃爲駕駛者創建一個網站，用他們的智能手機支付停車費。然而，我的菜單有一些問題。我希望菜單是白色的黑色文本，當前頁面需要藍色和白色文本，但是當我嘗試使用CSS時，我得到了完全不同的東西：當前頁面菜單項仍然是白色並帶有黑色文本在它後面你會看到一點藍色。有人知道我可以如何解決這個問題嗎？在C＃中用JavaScript覆蓋菜單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當前頁面添加類中的每一頁：

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

最後，我設置的CSS文件中的CSS母版頁

#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現在幾個星期的正確答案。可以請別人幫我解決這個問題。

來源

2012-04-26 Nathalie De Hertogh

嘗試使用** http：//docs.jquery.com/Plugins/livequery** – 2012-04-26 11:57:36

您需要使當前頁面類更具體。您的當前頁面類僅影響li元素而不是鏈接。

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

來源

2012-04-26 11:59:26 skyfoot

非常感謝！這確實是個問題。 – 2012-04-26 12:59:44

在C＃中用JavaScript覆蓋菜單css＃

回答

相關問題