鼠标经过问题hover,请大神帮忙啊

请问大神，
鼠标经过事件中，如果字体的文本已经有背景色，则鼠标经过不改变字体颜色怎么处理，谢谢了。
代码如下：
.title ul li a.ys{background:red;color:#FFF;}

$(".tt .title ul li").click(function(){
var _left=$(this).position().left;
$("p.line").stop();
$("p.line").animate({left:_left},170)
var index=$(this).index();
$(".film").eq(index).show().siblings(".film").hide();
$(this).find("a").addClass("ys").parent().siblings().find("a").removeClass("ys");
求大神赐教

代码如下
.title ul li a.ys{background:red);color:#FFF;}

$(".po .title ul li").click(function(){
var _left=$(this).position().left;
$("p.line").stop();
$("p.line").animate({left:_left},170)
var index=$(this).index();
$(".film").eq(index).show().siblings(".film").hide();
$(this).find("a").addClass("ys").parent().siblings().find("a").removeClass("dd");
});

最简单的方法
.title ul li a.ys:hover{
background:red;
color:#000;
}
既然都是hover，何必用js写呢，只改字的颜色直接css就可以了。ssxs

hover和点击的样式名称起不一样，但是css内容一样
点击加点击的，hover归hover的，这样点击的时候继续保持原来的样式，但是的hover移除的也不会影响到已经点击存在的效果