Html SVG中的悬停效应

我用

g

元素创建了5个不同区域的美国SVG地图。我想更改悬停区域的颜色，但悬停时无法获得结果

当我通过检查元素将悬停效果应用于

区域悬停

类时，它工作得非常好

我需要在

g

元素中具有类

区域悬停的所有
路径
元素上使用悬停效果

在下面找到我的代码，如果有任何错误，请建议我

这是我的密码：

只需删除
g路径{pointer events:none}
即可防止悬停：

元素是从不鼠标事件的目标

您已将
点事件：无
添加到
g路径
，这就是为什么
：悬停
效果不起作用
您希望悬停效果在不同区域是，我希望悬停效果在不同的区域。寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。看见
.region-hover:hover .state-hover {
  stroke: #d45422 !important;
  stroke-width: 2px;
  stroke-linejoin: round;
  fill: #d45422 !important;
  cursor: pointer;
}


svg {
  max-width: 500px;
  height: auto;
}