javascript - jQuery 添加/删除类

Question

我有一个难题。我刚刚学习了如何在 jQuery 中使用添加和删除类函数，但是当您添加一个类时，它不会自动删除现有的类。我的问题是这样的。我有一个按钮，上面有一个包含背景颜色的类。当我悬停那个按钮时，我希望新类优先于旧类，所以本质上，我必须删除旧类。我只是不知道从哪里开始。如果我尝试删除、添加、删除、添加，悬停似乎无法一次完成所有操作。有人可以给我一些想法吗？

我有两个类，一个名为“.ul.nav a”，另一个名为“.work”。

$('ul.nav a').hover(
  function () {     
    $(this).addClass('work');
  },
  function () {
    $(this).removeClass('work');
  }
);

这是当前类:

ul.nav a {
  display: block;
  background-color:#B2B2D9;
  margin-right:2%;
  margin-bottom:5%;
  margin-left:1%;
  text-decoration:none;
  border:3px #e6e6e6 ridge;
  padding: 2%;
  border-radius: 15px;
}

我想改成什么

.work {
  color:white;
  background-color:red;
  position:absolute;
  top:100px;
  left 230px;
}

Answer 1

将 .work 的 CSS 更改为 ul.nav a.work 使其成为 more specific .然后它将覆盖旧样式。