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>
...

.hover {
    BACkground-color: yellow !important;
    border: 1px solid red;
}