Javascript onhover div svg路径颜色更改

我正在处理SVG，我想在悬停时更改颜色。当我们悬停在上时。business div SVG业务路径颜色也会随着我在第一个div中的添加而改变，如果我悬停在SVG上，则div颜色会改变

悬停在上。business div或SVG颜色必须改变
我想在悬停在任何SVG或div上添加活动。我想增加
SVG路径
之间的空格。有人能帮我吗


.tp节{
位置：相对位置；
显示器：flex；
证明内容：中心；
边际：0.50px；
高度：100vh；
}
.tpc信息{
显示器：flex；
柔性包装：包装；
对齐项目：居中；
}
.tpc{
弹性基准：50%；
身高：26%；
}
.tp圈{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.tp区块{
宽度：35%；
}
.对{
浮动：对；
}
弗雷格先生{
填料：4472c4；
冲程：#FFFFFF；
过渡：填充0.3s；
}
.中心{
填充：#00b0f0；
}
a:悬停，该死{
填充：#FFC722；
}
.tpc.tp内容业务：悬停，
.frag6:hover.tpc tp内容业务{
背景#FFC722；
}
.tpc tp内容业务：hover.frag6{
填充：#FFC722；
}
正文{
字体大小：10px；
填充：#FFFFFF；
}

商业教育精英

创新

兼并和收购EAEO

反圣塞普托斯himenaeos

电子道路收费系统

技术adiptos himenaeos

您需要javascript，一个简单的悬停函数就可以了，我创建了两个悬停状态的类，并在它们之间切换


$（'.tp内容业务，.frag6'）。悬停（函数（）{
$（'.tp content business'）.addClass（'activeBg'）；
$（'.frag6'）.addClass（'activeFill'）；
}，函数（）{
$（'.tp content business'）.removeClass（'activeBg'）；
$（'.frag6'）.removeClass（'activeFill'）；
})
.tp节{
位置：相对位置；
显示器：flex；
证明内容：中心；
边际：0.50px；
高度：100vh；
}
.tpc信息{
显示器：flex；
柔性包装：包装；
对齐项目：居中；
}
.tpc{
弹性基准：50%；
身高：26%；
}
.tp圈{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.tp区块{
宽度：35%；
}
.对{
浮动：对；
}
弗雷格先生{
填料：4472c4；
冲程：#FFFFFF；
过渡：填充0.3s；
}
.中心{
填充：#00b0f0；
}
正文{
字体大小：10px；
填充：#FFFFFF；
}
.activeFill{
填充：#FFC722；
}
.activeBg{
背景#FFC722；
}
路径[class^=frag]{
冲程：#fff；
笔画宽度：3px；
}

商业教育精英

创新

兼并和收购EAEO

反圣塞普托斯himenaeos

电子道路收费系统

技术adiptos himenaeos

很好。可以增加SVG路径之间的空间吗。我想在js中的所有6个div中添加active，我需要编写所有类。它非常长。你可以使用白色笔划来创建一些空格谢谢。那么js六个div名称和SVG类名还有其他方法吗？你说的其他方法是什么意思。