2

私はC＃を使用して、ドライバーがスマートフォンで駐車料金を支払うためのWebサイトを作成しています。ただし、メニューに問題があります。メニューを白で黒のテキストにしたいのですが、現在のページを青で白のテキストにする必要がありますが、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週間探しています。誰かがこれについて私を助けてくれませんか。

4

1 に答える 1

3

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

#menu ul li.currentpage a:link, #menu ul li.currentpage a:visited
{
    background:#172c7d;
    color:#fff;    
}
于 2012-04-26T11:59:26.163 に答える