Question

我页面上的所有链接都有文字装饰：悬停时加下划线但是我试图在我的div中选择一个带有一类徽标的锚标签并给它一个文本装饰：无; 所以基本上我希望我的页面上的所有链接在悬停时加下划线，除了.logo 选择伪类是否有我在这里缺少的东西？或完全不同的东西。您还可以请花些时间简要解释一下为什么“.logo a：hover { text-decoration：none;}“不起作用。

提前谢谢

<header>
    <div class="wrapper">
        <div class="logo">
    <h3><a href="#heroSection">My Name</a></h3>
        </div>
        <ul>
            <li><a href="#aboutSection">About</a></li>
            <li><a href="#websitesSection">Websites</a></li>
            <li><a href="#projectsSection">Projects</a></li>
            <li><a href="#contactSection">Contact</a></li>
            <li><a href="#resumeSection">Resume</a></li>
        </ul>
    </div>
</header>

CSS如下

a:link{
    color: #000;
    text-decoration: none;
 }

a:visited{
    color: #000;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.logo a:hover {
    text-decoration: none;
}

Answer 1

我使用了您提供的示例代码，它按预期工作！您可以尝试清空缓存和硬重新加载，然后再次测试。

要在Google Chrome中进行硬重新加载，您需要首先处于开发者模式（F12），然后您就可以了右键单击重新加载按钮，然后选择Empty Cache and Hard 刷新。

如果您的浏览器缓存了您的脚本，那么您的所有更新可能都不会及时反映在您的测试页上。

使用CSS停止对带有类的<div>中的锚标记的悬停效果

1 个答案: