登录

javascript - jquery.css 修改样式表的样式怎么不能用?

$(function(){

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

})

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

# JavaScript
怪我咯 怪我咯 2544 天前 362 次浏览

全部回复(6) 我要回复

  • ringa_lee

    ringa_lee2017-04-11 11:43:47

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

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

    回复
    0
  • 大家讲道理

    大家讲道理2017-04-11 11:43:47

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

    =====

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

    回复
    0
  • ringa_lee

    ringa_lee2017-04-11 11:43:47

    我也是新手, 不好意思

    回复
    0
  • 天蓬老师

    天蓬老师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'})
    })
    })

    不能空白吧

    回复
    0
  • 怪我咯

    怪我咯2017-04-11 11:43:47

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

    回复
    0
  • 黄舟

    黄舟2017-04-11 11:43:47

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

    回复
    0
  • 取消 回复 发送