CSS常见问题及解决（二）在active状态下屏蔽掉css中的hover效果

描述：ul中的每一个li都有hover效果（css中完成），但是在点击后（即active的class状态下），要屏蔽hover的效果

解决：li在active状态下屏蔽hover效果 在为li设置hover状态时，不要单纯的写li：hover，应该给所有的li一个hover类名（hover只是为了引申，当然可以取别的名字），当设置为active状态时，移除hover类

<li class="">

<div class="authorName">
<a class="nameText hover">Agustín G. Martinelli</a>
<a class="email"><img src="img/icon/email.png"/></a>
</div>
</li>
$('#topAuthor li').
4000
delegate('a', 'click', function () {
//删除之前的active框
$(this).parent().parent('li').siblings().removeClass('active'); //设置该标签的爷爷标签（即包含了作者名称和邮件图标的父元素）状态为active
$(this).parent().parent('li').addClass('active');
//删除hover效果

$('.nameText').addClass('hover');$(this).removeClass('hover');});