javascript – 设置/覆盖背景颜色时的jQuery / CSS优先级

我正在使用jQuery将addClass添加到div上…但背景颜色不会改变.我猜它是因为它之前已经在CSS中分配了背景色?悬停类上的其他属性(边框)在悬停时出现,因此addClass正在工作.

我该怎么做?

jQuery的

$('.pick1-box').hover( 
    -> $(this).addClass('hover')
    -> $(this).removeClass('hover')
    )

CSS

.pick1-box, .pick2-box {
    ...
    background: #eee;
    ...
}

.hover {
    background-color: yellow;
    border: 1px solid red;
}

HTML

...
<li class='nominee clearfix' id='146'>
  <div class='candidate'>
    <img alt="Enders" height="80" src="/assets/25803sm.jpg" />
    Dick Waddington
  </div>
  <div class='pick-boxes'>
    <div class='pick1-box'>
      1
    </div>
    <div class='pick2-box'>
      2
    </div>
  </div>
</li>
...

解决方法:

这取决于你如何加载jquery和代码,但试试这个:

    .hover {
    background-color: yellow !important;
    border: 1px solid red;
}
上一篇:javascript – Coffeescript相当于Python的getattr


下一篇:javascript – Bootstrap DatePicker允许通过键入进行编辑