Jquery 默认情况下，如何使用悬停样式？

我有一个列表，每个列表都有悬停状态的css。 默认情况下，每个项目都是黑色的，悬停时会变成蓝色。 我的问题：我希望在加载页面悬停之前，第一个项目是蓝色的。一旦用户将鼠标悬停在其他项目上，第一个项目就不再是蓝色的，就像其他正常项目一样，只有在鼠标悬停时才会变成蓝色

这是我的名片

html:

---

无法将

：hover

样式应用于当前未处于悬停状态的对象。但您可以使用类将相同样式应用于选定项目：

<ul>
    <li class="selected">one</li>
    <li>two</li>
    <li>three</li>
</ul>

ul li:hover, ul li.selected {
    color:blue;
}

一个
两个
三

ul li：悬停，ul li.选中{
颜色：蓝色；
}

一个
两个
三

ul li：悬停，ui li.active{
颜色：蓝色；
}
$（'ul'）.hover（function（）{$（'ul li'）.removeClass（'active'）；}，function（）{}）；

如果您只想以相反的方式设置第一个

的样式，您可以使用

:first child

伪类：

---

否则，我建议采用建议的基于类的方法。

谢谢您的回答，但正如我在悬停第二项和第三项后所说的，第一项不会保持蓝色您的默认样式是什么？对你的问题不是很确定，但你可以试试ul:not（：第一个孩子）{..你能把你的问题说得更清楚一点吗？你明白我的意思，但是你的代码不起作用。你能在这里修复它吗：@PersianMan它仍然没有按照你问题中的预期工作，当你悬停在最后一个项目上时，活动类不会删除，当你悬停在li.active列表上时，只有活动类删除。检查一下。你能告诉我们吗e在这里。没有必要一次又一次地删除这个类

ul li:hover {
    color:blue;
}

<ul>
    <li class="selected">one</li>
    <li>two</li>
    <li>three</li>
</ul>

ul li:hover, ul li.selected {
    color:blue;
}

<ul>
    <li class="active">one</li>
    <li>two</li>
    <li>three</li>
</ul>

<style>
ul li:hover, ui li.active {
    color:blue;
}
</style>

<script>
$('ul').hover(function(){ $('ul li').removeClass('active'); } , function(){});
</script>

<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>

ul li:first-child,
ul li:hover {
    color: blue;
}

ul li:first-child:hover {
    color: black;
}