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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 设置/覆盖背景颜色时的jQuery / CSS优先级，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含742字，纯文字阅读大概需要2分钟。

内容图文

我正在使用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 – 设置/覆盖背景颜色时的jQuery / CSS优先级全部内容，希望文章能够帮你解决javascript – 设置/覆盖背景颜色时的jQuery / CSS优先级所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端