jquery.css 修改样式表的样式怎么不能用？

Question

$(function(){

$('#nav .menu li').hover(function(){
    $(this).css({'background-color':'#ff404b','color':'white'})
},function(){
    $(this).css({'background-color':''})
})

})

鼠标放上会变红，但是字体颜色没有变成白色，为什么呢

Answer 1

不是原生的可以用连接符。

你这里改变的是li的color。如果里面还有元素。只是继承li的color，优先级很低，有其他选择器选中改的颜色就会失效。

Answer 2

楼上说的并不对, $().css 可以用横线, 没有问题

=====

li里面是否还有其他标签有定义颜色, 比如A标签之类的, 如果有, 把颜色修改放到最子级

Answer 3

$(function(){

$('#nav .menu li').hover(function(){
    $(this).css({'background-color':'#ff404b','color':'white'})
},function(){
    $(this).css({'background-color':'none'})
})
})

不能空白吧

Answer 4

可能存在两个问题：一个是优先级的问题，如果li里面还有a或者其他标签，字体不变颜色也是存在可能；
另外一个问题就是，background-color空白没有值，相当于是没有把这个属性加上去的。

Answer 5

你的特异值有问题，或者你改错地方了。