jquery - 我怎样才能默认拥有悬停样式？

Question

我有一个列表，每个列表都有用于悬停状态的 css。默认情况下，每个元素都是黑色的，悬停时会变成蓝色。我的问题:我希望第一个元素即使在通过加载页面悬停之前也是蓝色的。一旦用户将鼠标悬停在其他元素上，第一个元素就不再是蓝色的，并且就像其他普通元素一样，只有悬停时才会变成蓝色。

这是我的jsfiddle .

html:

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

CSS:

ul li:hover {
    color:blue;
}

Answer 1

<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>