$(function(){
$('#nav .menu li').hover(function(){ $(this).css({'background-color':'#ff404b','color':'white'}) },function(){ $(this).css({'background-color':''}) })
})
鼠标放上会变红,但是字体颜色没有变成白色,为什么呢
你的特异值有问题,或者你改错地方了。
可能存在两个问题:一个是优先级的问题,如果li里面还有a或者其他标签,字体不变颜色也是存在可能;
另外一个问题就是,background-color空白没有值,相当于是没有把这个属性加上去的。
$(function(){ $('#nav .menu li').hover(function(){ $(this).css({'background-color':'#ff404b','color':'white'}) },function(){ $(this).css({'background-color':'none'}) }) })
不能空白吧
我也是新手, 不好意思
楼上说的并不对, $().css 可以用横线, 没有问题
=====
li里面是否还有其他标签有定义颜色, 比如A标签之类的, 如果有, 把颜色修改放到最子级
不是原生的可以用连接符。
你这里改变的是li的color。如果里面还有元素。只是继承li的color,优先级很低,有其他选择器选中改的颜色就会失效。