-1

私は最近タスクを受け取り、彼らはこのタスクを次のように説明します

ナビゲーションは:hover 疑似クラスを使用してスタイルを設定する必要がありますが、アクティブなメニュー ポイントは body クラスを使用する必要があります。

私の質問は 2 番目の質問です。つまり、アクティブなメニュー ポイントは body クラスを使用する必要があります。以下はhtmlスニペットです。

<body class="home">
    <div id="wrapper">
        <div id="nav">
            <ul>
                <li id="btnHome"><a href="#">Home</a></li>
                <li id="btnAbout"><a href="#">About</a></li>
                <li id="btnContact"><a href="#">Contact</a></li>
                <li id="btnLinks"><a href="#">Links</a></li>
            </ul>
                    </div>
             </div>
     </div>

ユーザーがホームページにいるときにCSSを使用してホームリンクがアクティブになるように、メニュー項目にボディクラスを使用するにはどうすればよいですか。他のリンクも同じですか？

4

1 に答える 1

1

これは、ページごとに body クラスが変更されることを意味すると思います。つまり、HomePage にはクラス home があり、AboutPage にはクラスについてのクラスがあります....

.home #btnHome {
    /* active home menu code */
}

.about #btnAbout {
    /* active about menu code */
}

それはあなたが必要とするものですか？

于 2013-08-21T06:17:09.680 に答える