Html 如何更改悬停css上的图标

所以我有一个默认图标，我希望它能够在悬停时点亮。由于某些原因，我无法让它工作，如果可能的话，我想使用css。thx

HTML

---

您没有在

：hover

这样做，你就会得到想要的行为

---

帮你自己一个忙，学习更多关于HTML/CSS的知识。您不应该将

用于nav，并且您拥有的类名远远多于所需的类名。这些东西将使您的站点更难维护，并且需要额外的工作，例如您的

role=presentation

，以支持屏幕阅读器。这里有一个免费的在线课程，可以教你扎实的基础知识：

你没有在

：hover

这样做，你就会得到想要的行为

---

帮你自己一个忙，学习更多关于HTML/CSS的知识。您不应该将

用于nav，并且您拥有的类名远远多于所需的类名。这些东西将使您的站点更难维护，并且需要额外的工作，例如您的

role=presentation

，以支持屏幕阅读器。这里有一个免费的在线课程，可以教你扎实的基础知识：

我想你想要的效果是什么

---

我想你想要的效果是什么

---

我无法用css解决这个问题，我知道有办法，但我用了jquery。因为我的图像有两个类，一个默认类和一个活动类。thx

$("i").hover(
  function () {
    $(this).addClass('active');
  }, 
  function () {
    $(this).removeClass('active');
  }
  );

---

我无法用css解决这个问题，我知道有办法，但我用了jquery。因为我的图像有两个类，一个默认类和一个活动类。thx

$("i").hover(
  function () {
    $(this).addClass('active');
  }, 
  function () {
    $(this).removeClass('active');
  }
  );

---

谢谢你的提示，我实际上接管了别人的项目。谢谢你的提示，我实际上接管了别人的项目。你可能错过了我答案中缺少的

活动
类。如果您的CSS需要一个从未应用过的类，那么它将不起作用。如果这个
活动
类仅用于应用悬停样式，那么它就不应该存在。您可能错过了我的答案中缺少
活动
类。如果您的CSS需要一个从未应用过的类，那么它将无法工作。如果这个
活动的
类仅用于应用悬停样式，那么它就不应该存在。
i.fu.fu-parents:hover {
  background: image_url("icons/navigation/active/parents-active.svg");
}

a {color: red;}
ul{list-style-type: none;}
a:hover > i {color: blue;}

$("i").hover(
  function () {
    $(this).addClass('active');
  }, 
  function () {
    $(this).removeClass('active');
  }
  );