0

CSSのみのナビゲーションを作成し、カーソルを合わせたときにネストされたリストのテキストの色を変更できるかどうかを調べようとしています。

        <div id="navigation">
    <ul class="top-level">
        <li><a href="#">Home</a></li>
        <li><a href="#">Residential</a>
            <ul class="sub-level">
                <li><a href="#">Project 1</a></li>
                <li><a href="#">Project 2</a></li>
                <li><a href="#">Project 3</a></li>
                <li><a href="#">Project 4</a></li>
            </ul>

そのため、「住宅」にカーソルを合わせると、「プロジェクト1〜4」が表示され、「住宅」とは異なる色と背景のテキストを作成することができました。しかし、私がやりたいのは、「プロジェクト1-4」にカーソルを合わせたときにテキストの色を変更することです。それはCSSで可能ですか？

4

2 に答える 2

0

私はそれを理解しました...私はすでにこれを試していると確信していましたが、何らかの理由で更新されなかったのかもしれません。どうやら下のクラスの下に白を追加する必要があり、次に下の前のクラスにも黒の色があることを確認する必要がありました(そうしました)。BlasterAlfred 私もあなたの功績を称えなければなりません。

#navigation a:hover{
text-decoration: none;
color: white;
}

#navigation li li a {
color: black;
}
于 2013-02-21T17:44:49.973 に答える
0

これを実現するために、 CSS 疑似クラスを使用できます。

.elementclass:hoverホバー時に要素のスタイルを設定するために使用できます。

于 2013-02-21T06:39:39.430 に答える