1

ホバリング中に背景色をカスタマイズするにはどうすればよいですか<a href="#">Find Me</a>。
ホバリング中に背景色を変更したい。
ホバリングする前の写真です。

ここに画像の説明を入力

これがホバリング後の写真です

ここに画像の説明を入力

「Find Me」で背景色をカスタマイズしたい
背景色をカスタマイズするには何を追加すればよいですか。

これが私のコードです

<nav style="width: 1000px; margin: auto;" class="top-bar" data-topbar role="navigation">
    <ul style="margin-right: 80px;" class="title-area">
        <li class="name">
            <h1><a href="#">My Site</a></h1>
        </li>
        <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
        <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
    </ul>

    <section class="top-bar-section">
        <!-- Left Nav Section -->
        <ul class="left">
            <li class="has-dropdown">
                <a href="#">Find Me</a>
                <ul class="dropdown">
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Steamcommunity</a></li>
                </ul>
            </li>
        </ul>
    </section>
</nav>
4

1 に答える 1

0

あなたが探しているCSSは次のとおりだと思います：.top-bar-section li:not(.has-form) a:not(.button):hover

作業フィドル(画面が 2 番目のリンクを表示するのに十分な幅であることを確認してください)。

いつでも開発者ツールを使用して要素を検査し、それを変更して疑似クラスの状態を確認できます。

また、Foundation 標準を常に上書きするのではなく、Foundation セットアップでグローバルを変更する方法を学習することをお勧めします。これにより、多くの時間を節約できます。

于 2015-03-22T18:27:11.977 に答える