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