Question

以下是我的代码

的示例

<style>
.hover:hover,.active{color:red}
</style>
<li class="hover active">Home</li>
<li class="hover">blog</li>
<li class="hover">about</li>
<li class="hover">port</li>
<li class="hover">contact</li>

如果你在博客上鼠标悬停，会有两个红字我试图找到一种方法来禁用“家”，当你鼠标悬停在任何其他单词上时如果你移开鼠标，它会变回红色经过谷歌的长时间搜索，我最终找到了javascript代码并尝试修改它工作，但没有运气

Answer 1

这是一个纯粹的CSS解决方案，只要你有li的包装元素就行了，你应该这样做。

＆＃13;

<style>
  .menu:hover .active {
    color: black;
    /*reset the color to the default*/
    /*you could also use color: inherit*/
  }
  .hover:hover,
  .active,
  .menu:hover .active:hover {
    color:red
  }
</style>
<ul class="menu">
    <li class="hover active">Home</li>
    <li class="hover">blog</li>
    <li class="hover">about</li>
    <li class="hover">port</li>
    <li class="hover">contact</li>
</ul>

＆＃13;

Answer 2

我注意到的一件事是不正确的标记没有

可能与它没有任何关系。

<style>
.hover:hover,.active{color:red}
</style>
<ul>
    <li class="hover active">Home</li>
    <li class="hover">blog</li>
    <li class="hover">about</li>
    <li class="hover">port</li>
    <li class="hover">contact</li>
</ul>

不完全确定你要做什么

这是一个小提琴http://jsfiddle.net/happymacarts/tfqw93tk/

也许粘贴你找到的js代码，看看我们是否能找出你的问题

悬停时禁用默认活动

2 个答案: