1

如何在悬停时自定义背景颜色<a href="#">Find Me</a>。
我想在悬停时更改背景颜色。
这是我悬停之前的照片。

在此处输入图像描述

这是我悬停后的照片

在此处输入图像描述

我想在“查找我”中自定义背景颜色，
我应该添加什么来自定义背景颜色。

这是我的代码

<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

工作小提琴（确保屏幕足够宽，可以看到第二个链接）。

您始终可以使用您的开发人员工具来检查元素，然后对其进行修改以查看伪类状态。

我还建议学习如何修改 Foundation 设置中的全局变量，因为它可以为您节省大量时间，而不是总是覆盖 Foundation 标准。

于 2015-03-22T18:27:11.977 回答